.iridescent-foil{--foil-shift:0%;--film-one-x:0%;--film-one-y:0%;--film-two-x:0%;--film-two-y:0%;--film-three-x:0%;--film-three-y:0%;--film-four-x:0%;--film-four-y:0%;--glare-x:50%;--glare-y:50%;--pearl-x:45%;--pearl-y:42.5%;--shine-angle:135deg;--shine-opacity:.58;--shine-x:50%;--shine-y:50%;isolation:isolate;contain:layout paint style;position:relative;overflow:hidden}.iridescent-foil__film,.iridescent-foil__foil,.iridescent-foil__glare,.iridescent-foil__pearl,.iridescent-foil__shine{pointer-events:none;background-repeat:no-repeat;position:absolute}.iridescent-foil__film,.iridescent-foil__foil,.iridescent-foil__pearl,.iridescent-foil__shine{inset:-48%}.iridescent-foil__foil{z-index:0;background:linear-gradient(112deg,#0000 0% 28%,#00dcff1c 32%,#50ffbe17 36%,#beff500f 40%,#0000 46%,#ffe64612 50%,#ff46b41a 56%,#965aff17 64%,#3c78ff14 70%,#0000 75% 100%),linear-gradient(135deg,#090909 0%,#181716 42%,#292621 72%,#0a0a0a 100%);background-position:var(--foil-shift) center, center;filter:saturate(1.16)contrast(1.14)brightness(.82);will-change:background-position;background-size:320% 100%,100% 100%;transition:filter .28s}.iridescent-foil__film{z-index:1;background:radial-gradient(at 16% 28%,#ff46b421,#0000 48%),radial-gradient(at 66% 18%,#00dcff21,#0000 52%),radial-gradient(at 78% 70%,#50ffbe1f,#0000 56%),radial-gradient(at 38% 82%,#965aff1f,#0000 52%);background-position:var(--film-one-x) var(--film-one-y), var(--film-two-x) var(--film-two-y), var(--film-three-x) var(--film-three-y), var(--film-four-x) var(--film-four-y);filter:blur(.4px)saturate(1.3);mix-blend-mode:screen;opacity:.36;will-change:background-position;background-size:150% 150%,160% 160%,145% 145%,155% 155%;transition:opacity .28s}.iridescent-foil__pearl{z-index:2;background:radial-gradient(ellipse at var(--pearl-x) var(--pearl-y), #e0e9f057, #cdd9e21a 22%, transparent 54%), linear-gradient(112deg, #dce6ee2e, transparent 28%, #546c8029 48%, #d7e2eb33 72%, transparent);background-position:center, var(--foil-shift) center;mix-blend-mode:soft-light;opacity:.62;will-change:background-position;background-size:100% 100%,180% 100%;transition:opacity .28s}.iridescent-foil__content{z-index:3;position:relative}.iridescent-foil__shine{z-index:4;background:linear-gradient(var(--shine-angle), transparent, #e2ebf25c 31%, #25344233 52%, #007cff14 64%, #ff009314 74%, #dfe8ef38 88%, transparent);background-position:var(--shine-x) var(--shine-y);filter:blur(.25px);mix-blend-mode:screen;opacity:calc(var(--shine-opacity) * .45);will-change:background-position, opacity;background-size:220% 100%}.iridescent-foil__glare{z-index:5;background:radial-gradient(circle at var(--glare-x) var(--glare-y), #e2ebf247, #cddae41a 9%, #e2edf60d 22%, transparent 36%);mix-blend-mode:screen;opacity:.28;will-change:background;transition:opacity .28s;inset:0}.iridescent-foil:hover .iridescent-foil__foil,.iridescent-foil:focus-within .iridescent-foil__foil{filter:saturate(1.56)contrast(1.18)brightness(1.02)}.iridescent-foil:hover .iridescent-foil__film,.iridescent-foil:focus-within .iridescent-foil__film{opacity:.62}.iridescent-foil:hover .iridescent-foil__pearl,.iridescent-foil:focus-within .iridescent-foil__pearl{opacity:.82}.iridescent-foil:hover .iridescent-foil__glare,.iridescent-foil:focus-within .iridescent-foil__glare{opacity:.48}@media (prefers-reduced-motion:reduce){.iridescent-foil__film,.iridescent-foil__foil,.iridescent-foil__glare,.iridescent-foil__pearl,.iridescent-foil__shine{will-change:auto}}