.plate.svelte-1xq2diz{aspect-ratio:1;border:1px solid var(--hair-strong);background:var(--ink-700);isolation:isolate;position:relative;overflow:hidden}.plate.svelte-1xq2diz img:where(.svelte-1xq2diz){object-fit:cover;filter:grayscale(.55)contrast(1.04)brightness(.92);width:100%;height:100%;transition:filter .8s var(--ease-out-quint), transform .9s var(--ease-out-quint);display:block;transform:scale(1.001)}.plate-sheen.svelte-1xq2diz{pointer-events:none;mix-blend-mode:soft-light;opacity:0;transition:opacity .5s var(--ease-out-quint), transform 1.1s var(--ease-out-quint);background:linear-gradient(104deg,#0000 38%,oklab(100% 0 5.96046e-8/.26) 50%,#0000 62%);position:absolute;inset:-20%;transform:translate(-38%)}.plate-edge.svelte-1xq2diz{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px oklab(100% 0 5.96046e-8/.16)}.group:hover .plate-reactive.svelte-1xq2diz img:where(.svelte-1xq2diz),.group:focus-visible .plate-reactive.svelte-1xq2diz img:where(.svelte-1xq2diz),.plate-reactive.svelte-1xq2diz:hover img:where(.svelte-1xq2diz){filter:grayscale(0)contrast(1.02)brightness();transform:scale(1.035)}.group:hover .plate-reactive.svelte-1xq2diz .plate-sheen:where(.svelte-1xq2diz),.group:focus-visible .plate-reactive.svelte-1xq2diz .plate-sheen:where(.svelte-1xq2diz),.plate-reactive.svelte-1xq2diz:hover .plate-sheen:where(.svelte-1xq2diz){opacity:1;transform:translate(38%)}