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