.halftone{border-radius:0;width:100%;height:100%;min-height:18rem;position:relative;overflow:hidden}.halftone__canvas{cursor:crosshair;width:100%;height:100%;display:block}.halftone-icon,.halftone-icon__canvas,.halftone-image{width:100%;height:100%;display:block}.halftone-image .halftone{min-height:0}
.morph-halftone{pointer-events:none;width:100%;height:100%;position:relative}.morph-halftone__layer{justify-content:center;align-items:center;transition:opacity .35s cubic-bezier(.625,.05,0,1),transform .35s cubic-bezier(.625,.05,0,1);display:flex;position:absolute;inset:0}.morph-halftone__layer .halftone,.morph-halftone__layer .halftone-image{width:100%;height:100%}.morph-halftone__layer.is-current{opacity:1;transform:scale(1)rotate(.001deg)}.morph-halftone__layer.is-leaving{opacity:0;transform:scale(.98)rotate(.001deg)}.morph-halftone:not(.is-on) .morph-halftone__layer{opacity:0}@media (prefers-reduced-motion:reduce){.morph-halftone__layer{transition:opacity .25s cubic-bezier(.625,.05,0,1);transform:none}}
.halftone-pattern{pointer-events:none;position:absolute;inset:0;overflow:hidden}.halftone-pattern__canvas{width:100%;height:100%;display:block}