@layer amset-ui.tokens,amset-ui.base;@layer amset-ui.components{.amset-compare{--amset-compare-radius:var(--amset-radius);--amset-compare-caption:var(--amset-text-xs);--amset-compare-line:2px;--amset-compare-thumb:2.25rem;--amset-compare-thumb-icon:1.125rem;border-radius:var(--amset-compare-radius);width:100%;min-width:0;font-family:var(--amset-font);touch-action:none;display:block;position:relative;overflow:hidden}.amset-compare--sm{--amset-compare-radius:var(--amset-radius-sm);--amset-compare-thumb:1.75rem;--amset-compare-thumb-icon:.875rem}.amset-compare--lg{--amset-compare-radius:var(--amset-radius-lg);--amset-compare-caption:var(--amset-text-sm);--amset-compare-line:3px;--amset-compare-thumb:2.75rem;--amset-compare-thumb-icon:1.375rem}.amset-compare__box{cursor:ew-resize;width:100%;height:100%;position:relative}.amset-compare__image{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.amset-compare__caption{top:var(--amset-space-2);padding:2px var(--amset-space-2);border-radius:var(--amset-radius-sm);background:var(--amset-ink);color:var(--amset-surface);font-size:var(--amset-compare-caption);font-weight:var(--amset-weight-medium);position:absolute}.amset-compare__caption--before{inset-inline-start:var(--amset-space-2)}.amset-compare__caption--after{inset-inline-end:var(--amset-space-2)}.amset-compare__line{width:var(--amset-compare-line);background:var(--amset-sample-frame);box-shadow:0 0 0 1px color-mix(in oklab, var(--amset-ink) 35%, transparent);pointer-events:none;margin-inline-start:-1px;position:absolute;inset-block:0}.amset-compare__thumb{width:var(--amset-compare-thumb);height:var(--amset-compare-thumb);background:var(--amset-sample-frame);color:var(--amset-ink);box-shadow:var(--amset-shadow-floating);cursor:ew-resize;border-radius:999px;outline:none;place-items:center;display:grid;position:absolute;top:50%}.amset-compare__thumb svg{width:var(--amset-compare-thumb-icon);height:var(--amset-compare-thumb-icon)}.amset-compare__thumb:has(input:focus-visible){box-shadow:0 0 0 var(--amset-ring-width) var(--amset-focus)}.amset-compare__thumb[data-dragging]{cursor:grabbing}@media (pointer:coarse){.amset-compare__thumb{width:var(--amset-target-touch);height:var(--amset-target-touch)}}}