.tool[data-tool=image-comparison-slider] .cs-drops{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.tool[data-tool=image-comparison-slider] .cs-cap{margin:0 0 var(--space-1);overflow-wrap:anywhere;font-weight:600}.tool[data-tool=image-comparison-slider] .cs-stage{border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surface-2);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:ew-resize;justify-self:center;max-block-size:70vh;inline-size:min(100%,48rem);position:relative;overflow:hidden}.tool[data-tool=image-comparison-slider] .cs-img{object-fit:contain;pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset:0}.tool[data-tool=image-comparison-slider] .cs-tag{border-radius:var(--r-sm);color:#fff;font-size:var(--fs-sm);pointer-events:none;background:#0009;padding:.125rem .5rem;position:absolute;inset-block-start:var(--space-2)}.tool[data-tool=image-comparison-slider] .cs-tag-a{inset-inline-start:var(--space-2)}.tool[data-tool=image-comparison-slider] .cs-tag-b{inset-inline-end:var(--space-2)}.tool[data-tool=image-comparison-slider] .cs-handle{inline-size:var(--tap);outline:none;place-items:center;margin-inline-start:calc(var(--tap) / -2);display:grid;position:absolute;inset-block:0}.tool[data-tool=image-comparison-slider] .cs-handle:before{content:"";background:#fff;inline-size:2px;position:absolute;inset-block:0;inset-inline-start:50%;box-shadow:0 0 0 1px #0006}.tool[data-tool=image-comparison-slider] .cs-knob{color:#111;background:#fff;border-radius:50%;place-items:center;block-size:2.5rem;inline-size:2.5rem;display:grid;position:relative;box-shadow:0 1px 4px #00000080}.tool[data-tool=image-comparison-slider] .cs-handle:focus-visible .cs-knob{outline:3px solid var(--c-primary);outline-offset:2px}.tool[data-tool=image-comparison-slider] .media-note{font-size:var(--fs-sm);color:var(--c-text-2);margin:0}