@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%;}.albums-grid.svelte-rm26z9{--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)}.albums-grid[data-interacting=true].svelte-rm26z9{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}.albums-grid[data-interacting=true][data-focused=true].svelte-rm26z9{--stop-1: 0%;--stop-2: 10%;--stop-3: 20%;--stop-4: 35%;--stop-5: 50%}.albums-grid[data-interacting=false].svelte-rm26z9{mask-image:none;-webkit-mask-image:none}.album-card.svelte-rm26z9{opacity:.85;transition:opacity .3s ease}.albums-grid[data-interacting=true].svelte-rm26z9 .album-card:where(.svelte-rm26z9){opacity:1}.album-card.svelte-rm26z9:hover{opacity:1}