@property --stop-1{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --stop-2{syntax: "<percentage>"; inherits: false; initial-value: 25%;}@property --stop-3{syntax: "<percentage>"; inherits: false; initial-value: 55%;}@property --stop-4{syntax: "<percentage>"; inherits: false; initial-value: 80%;}@property --stop-5{syntax: "<percentage>"; inherits: false; initial-value: 100%;}.work-grid.svelte-oqsuc6{--cursor-x: 50%;--cursor-y: 50%;--stop-1: 0%;--stop-2: 25%;--stop-3: 55%;--stop-4: 80%;--stop-5: 100%;will-change:mask-image,-webkit-mask-image;transition:--stop-1 .4s cubic-bezier(.4,0,.2,1),--stop-2 .4s cubic-bezier(.4,0,.2,1),--stop-3 .4s cubic-bezier(.4,0,.2,1),--stop-4 .4s cubic-bezier(.4,0,.2,1),--stop-5 .4s cubic-bezier(.4,0,.2,1)}.work-grid[data-interacting=true].svelte-oqsuc6{mask-image:radial-gradient(circle at var(--cursor-x) var(--cursor-y),rgba(0,0,0,1) var(--stop-1),rgba(0,0,0,.95) var(--stop-2),rgba(0,0,0,.7) var(--stop-3),rgba(0,0,0,.4) var(--stop-4),rgba(0,0,0,.2) var(--stop-5));-webkit-mask-image:radial-gradient(circle at var(--cursor-x) var(--cursor-y),rgba(0,0,0,1) var(--stop-1),rgba(0,0,0,.95) var(--stop-2),rgba(0,0,0,.7) var(--stop-3),rgba(0,0,0,.4) var(--stop-4),rgba(0,0,0,.2) var(--stop-5));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:alpha}.work-grid[data-interacting=true][data-focused=true].svelte-oqsuc6{--stop-1: 0%;--stop-2: 10%;--stop-3: 20%;--stop-4: 35%;--stop-5: 50%}.work-grid[data-interacting=false].svelte-oqsuc6{mask-image:none;-webkit-mask-image:none}.photo-card.svelte-oqsuc6{opacity:.85;transition:opacity .3s ease}.work-grid[data-interacting=true].svelte-oqsuc6 .photo-card:where(.svelte-oqsuc6){opacity:1}.photo-card.svelte-oqsuc6:hover{opacity:1}