.photo.svelte-3xzh9f{isolation:isolate;border-radius:var(--radius-lg);background:var(--bg-alt);position:relative;overflow:hidden}img.svelte-3xzh9f,.ph.svelte-3xzh9f{object-fit:cover;width:100%;height:100%;transition:filter .5s;display:block}.ph.svelte-3xzh9f{background:radial-gradient(60% 70% at var(--sx) var(--sy), color-mix(in oklab, var(--accent) 70%, transparent), transparent 70%), radial-gradient(70% 80% at calc(100% - var(--sx)) calc(100% - var(--sy)), oklch(from var(--accent) l c calc(h + 55 + var(--hue)) / .65), transparent 70%), linear-gradient(135deg, var(--bg-alt), color-mix(in oklab, var(--accent) 18%, var(--bg-alt)));min-height:100%}.ph.svelte-3xzh9f:after{content:"";background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.35;background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#000,#0000);mask-image:radial-gradient(70% 70%,#000,#0000)}.tint.svelte-3xzh9f,.grain.svelte-3xzh9f{pointer-events:none;position:absolute;inset:0}.grain.svelte-3xzh9f{opacity:0;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");transition:opacity .4s}.photo[data-grain=true].svelte-3xzh9f .grain:where(.svelte-3xzh9f){opacity:.55}img.svelte-3xzh9f{filter:var(--f-base,brightness(1)) blur(var(--f-blur,0px)) brightness(var(--f-bright,1)) contrast(var(--f-contrast,1)) saturate(var(--f-sat,1))}