[data-c-image-compare]{border-radius:var(--c-radius-md);touch-action:none;-webkit-user-select:none;user-select:none;outline:none;inline-size:100%;display:block;position:relative;overflow:hidden}[data-c-image-compare-after],[data-c-image-compare-before]{position:absolute;inset:0}[data-c-image-compare-after] img,[data-c-image-compare-before] img{-o-object-fit:cover;object-fit:cover;block-size:100%;inline-size:100%;display:block}[data-c-image-compare-handle]{background:var(--c-color-surface);z-index:2;inline-size:2px;position:absolute;inset-block:0;transform:translate(-50%)}[data-c-image-compare][data-orientation=vertical] [data-c-image-compare-handle]{block-size:2px;inline-size:auto;inset-block:auto;inset-inline:0;transform:translateY(-50%)}[data-c-image-compare-handle-grip]{background:var(--c-color-surface);border:2px solid var(--c-color-primary);block-size:28px;inline-size:28px;box-shadow:var(--c-shadow-md);border-radius:50%;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}[data-c-image-compare]:focus-visible{outline:2px solid var(--c-color-focus-ring);outline-offset:2px}[data-c-image-zoom]{max-inline-size:100%;display:inline-block;position:relative}[data-c-image-zoom-frame]{border-radius:var(--c-radius-md);cursor:crosshair;line-height:0;position:relative;overflow:hidden}[data-c-image-zoom-img]{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;block-size:auto;inline-size:100%;transition:transform .12s ease-out;display:block}[data-c-image-zoom-lens]{pointer-events:none;border:1px solid var(--c-color-border);border-radius:var(--c-radius-md);background-repeat:no-repeat;position:absolute;box-shadow:0 0 0 1px oklch(100% 0 0/.4),0 6px 20px oklch(0% 0 0/.25)}[data-c-image-zoom-region]{pointer-events:none;border:1px solid var(--c-color-primary);background:color-mix(in oklab,var(--c-color-primary) 16%,transparent);position:absolute}[data-c-image-zoom-panel]{z-index:5;border:1px solid var(--c-color-border);border-radius:var(--c-radius-md);background-repeat:no-repeat;background-color:var(--c-color-surface);box-shadow:var(--c-shadow-lg,0 12px 40px oklch(0% 0 0/.2));position:absolute;inset-block-start:0;inset-inline-start:calc(100% + var(--c-space-3,12px))}[data-c-image-zoom-lens]:not([data-active]),[data-c-image-zoom-panel]:not([data-active]),[data-c-image-zoom-region]:not([data-active]){display:none}.c-image{background:var(--c-color-surface-muted);line-height:0;display:inline-block;position:relative;overflow:hidden}.c-image[data-block]{inline-size:100%;display:block}.c-image[data-transparent]{background:0 0}.c-image[data-radius=sm]{border-radius:var(--c-radius-sm)}.c-image[data-radius=md]{border-radius:var(--c-radius-md)}.c-image[data-radius=lg]{border-radius:var(--c-radius-lg)}.c-image[data-radius=xl]{border-radius:var(--c-radius-xl,var(--c-radius-lg))}.c-image[data-radius=full]{border-radius:9999px}.c-image[data-bordered]{border:1px solid var(--c-color-border)}.c-image[data-shadow=sm]{box-shadow:var(--c-shadow-sm)}.c-image[data-shadow=md]{box-shadow:var(--c-shadow-md)}.c-image[data-shadow=lg]{box-shadow:var(--c-shadow-lg)}.c-image__img{block-size:auto;max-inline-size:100%;display:block}.c-image[data-block] .c-image__img,.c-image[data-ratio] .c-image__img{block-size:100%;inline-size:100%}.c-image[data-fade] .c-image__img{opacity:0;transition:opacity var(--c-motion-md,.3s) var(--c-motion-ease-out,ease)}.c-image:not([data-fade]) .c-image__img,.c-image[data-fade][data-loaded] .c-image__img{opacity:1}.c-image__placeholder{filter:blur(12px);position:absolute;inset:0;transform:scale(1.06)}.c-image[data-error] .c-image__img{visibility:hidden}.c-image[data-grayscale] .c-image__img{filter:grayscale()}.c-image[data-grayscale=hover] .c-image__img{transition:filter var(--c-motion-md,.3s) var(--c-motion-ease-out,ease),opacity var(--c-motion-md,.3s) var(--c-motion-ease-out,ease)}.c-image[data-grayscale=hover]:hover .c-image__img{filter:grayscale(0)}@media (prefers-reduced-motion:reduce){.c-image[data-grayscale=hover] .c-image__img{transition:none}}.c-image__mono{pointer-events:none;background-color:var(--c-image-tint,currentColor);-webkit-mask:var(--c-image-mask) no-repeat center /contain;-webkit-mask:var(--c-image-mask) no-repeat center /contain;mask:var(--c-image-mask) no-repeat center /contain;transition:opacity var(--c-motion-md,.3s) var(--c-motion-ease-out,ease);position:absolute;inset:0}.c-image[data-mono] .c-image__img,.c-image[data-mono][data-loaded] .c-image__img{opacity:0}.c-image[data-mono=hover] .c-image__img{transition:opacity var(--c-motion-md,.3s) var(--c-motion-ease-out,ease)}.c-image[data-mono=hover]:hover .c-image__img{opacity:1}.c-image[data-mono=hover]:hover .c-image__mono{opacity:0}@media (prefers-reduced-motion:reduce){.c-image[data-mono=hover] .c-image__img,.c-image__mono{transition:none}}.c-image__fallback{background:var(--c-color-surface-muted);color:var(--c-color-text-muted);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.c-image__fallback-inner{align-items:center;gap:var(--c-space-1);flex-direction:column;line-height:1.2;display:flex}.c-image__fallback-text{font-size:var(--c-text-xs)}.c-image__caption{line-height:1.4;font-size:var(--c-text-sm);color:var(--c-color-text-muted);padding-block-start:var(--c-space-2);display:block}@media (prefers-reduced-motion:reduce){.c-image[data-fade] .c-image__img{opacity:1;transition:none}}