.ic-batch,.ic-editor{--pink:#ff3385;--hot-pink:#ff0066;--blue:#5fb4e4;--deep-blue:#09f}.ic-editor{background:#fff url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path d="M1 2V0h1v1H0v1z" fill-opacity=".025"/></svg>');background-size:20px 20px;overscroll-behavior:none}.ic-side-1{--theme:var(--pink);--hot-theme:var(--hot-pink);--header-fg:#fff;--copy-rotate:0deg}.ic-side-2{--theme:var(--blue);--hot-theme:var(--deep-blue);--header-fg:#142630;--copy-rotate:180deg}@media (max-width:599px){.ic-side-1{--copy-rotate:90deg}.ic-side-2{--copy-rotate:-90deg}}.ic-output{display:contents}.ic-output:before{content:"";position:absolute;inset:0;background:#000;opacity:.8;transition:opacity .5s ease}.ic-output.ic-alt-background:before{opacity:0}.ic-abs-fill{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;contain:strict}.ic-pinch-zoom{outline:none;display:flex;justify-content:center;align-items:center}.ic-pinch-target{will-change:auto;flex-shrink:0}.ic-pixelated{image-rendering:crisp-edges;image-rendering:pixelated}two-up{display:grid;position:relative;--split-point:0;--track-color:rgb(0 0 0/0.6);--thumb-background:#000;--thumb-size:62px;--bar-size:9px;--bar-touch-size:30px}two-up>*{grid-area:1/1}two-up[legacy-clip-compat]>:not(.two-up-handle){position:absolute}.two-up-handle{touch-action:none;position:relative;width:var(--bar-touch-size);transform:translateX(var(--split-point)) translateX(-50%);will-change:transform;cursor:ew-resize}.two-up-handle:before{content:"";display:block;height:100%;width:var(--bar-size);margin:0 auto;background:var(--track-color)}.two-up-scrubber{display:grid;align-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--thumb-size);height:var(--thumb-size);background:var(--thumb-background);border-radius:var(--thumb-size);box-sizing:border-box;padding:0 calc(var(--thumb-size) * .24)}.two-up-arrow-left{fill:var(--pink)}.two-up-arrow-right{fill:var(--blue)}two-up[orientation=vertical] .two-up-handle{width:auto;height:var(--bar-touch-size);transform:translateY(var(--split-point)) translateY(-50%);cursor:ns-resize}two-up[orientation=vertical] .two-up-handle:before{width:auto;height:var(--bar-size);box-shadow:inset 0 calc(var(--bar-size) / 2) 0 rgba(0,0,0,.1),0 1px 4px rgba(0,0,0,.4);margin:calc((var(--bar-touch-size) - var(--bar-size)) / 2) 0 0 0}two-up[orientation=vertical] .two-up-scrubber{box-shadow:1px 0 4px rgba(0,0,0,.1);transform:translate(-50%,-50%) rotate(-90deg)}two-up>:first-child:not(.two-up-handle){clip-path:inset(0 calc(100% - var(--split-point)) 0 0)}two-up>:nth-child(2):not(.two-up-handle){clip-path:inset(0 0 0 var(--split-point))}two-up[orientation=vertical]>:first-child:not(.two-up-handle){clip-path:inset(0 0 calc(100% - var(--split-point)) 0)}two-up[orientation=vertical]>:nth-child(2):not(.two-up-handle){clip-path:inset(var(--split-point) 0 0 0)}pinch-zoom{display:block;overflow:hidden;touch-action:none;--scale:1;--x:0;--y:0}pinch-zoom>*{transform:translate(var(--x),var(--y)) scale(var(--scale));transform-origin:0 0;will-change:transform}.ic-drop-valid:after{content:"";position:fixed;inset:10px;border:2px dashed #ff3385;background-color:rgba(0,0,0,.1);border-radius:10px;pointer-events:none;z-index:60}@keyframes ic-snack-show{0%{opacity:0;transform:translateX(-50%) scale(.5)}}