@keyframes iridescent-effect-smooth-bg{0%{background-position:50% 50%,50% 50%}to{background-position:350% 50%,350% 50%}}@keyframes iridescent-effect-smooth-bg-dark{0%{background-position:50% 50%,50% 50%}to{background-position:210% 50%,170% 50%}}.iridescent-effect{position:relative;overflow:hidden;--iridescent-effect-stripe-color:#fff}.iridescent-effect-layer{position:absolute;inset:0;z-index:0;display:flex;place-content:center;place-items:center;opacity:.5;--stripes:repeating-linear-gradient(100deg,var(--iridescent-effect-stripe-color) 0%,var(--iridescent-effect-stripe-color) 7%,transparent 10%,transparent 12%,var(--iridescent-effect-stripe-color) 16%);--rainbow:repeating-linear-gradient(100deg,#60a5fa 10%,#e879f9 15%,#60a5fa 20%,#5eead4 25%,#60a5fa 30%);background-image:var(--stripes),var(--rainbow);background-size:300%,200%;background-position:50% 50%,50% 50%;filter:blur(10px) invert(100%);mask-image:radial-gradient(ellipse at 100% 0,black 40%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 100% 0,black 40%,transparent 70%);pointer-events:none}.iridescent-effect-layer--fullscreen{position:fixed;height:100%}.iridescent-effect-layer:after{content:"";position:absolute;inset:0;background-image:var(--stripes),var(--rainbow);background-size:200%,100%;animation:iridescent-effect-smooth-bg 60s linear infinite;background-attachment:fixed;mix-blend-mode:difference;pointer-events:none}.iridescent-effect>:not(.iridescent-effect-layer){position:relative;z-index:1}:root.dark .iridescent-effect{--iridescent-effect-stripe-color:color-mix(in srgb,var(--color-background,#101013) 50%,transparent)}:root.dark .iridescent-effect-layer{opacity:.38;--stripes:repeating-linear-gradient(100deg,transparent 0%,var(--iridescent-effect-stripe-color) 5%,var(--iridescent-effect-stripe-color) 9%,transparent 15%,transparent 19%,var(--iridescent-effect-stripe-color) 24%,transparent 30%);--rainbow:repeating-linear-gradient(100deg,#60a5fa 6%,#818cf8 11%,#c084fc 16%,#e879f9 21%,#67e8f9 26%,#60a5fa 31%);background-size:320%,220%;filter:blur(1.125rem) invert(100%) saturate(1.08) contrast(.88);mask-image:radial-gradient(ellipse 72% 105% at 94% 6%,black 18%,rgba(0,0,0,.42) 40%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 72% 105% at 94% 6%,black 18%,rgba(0,0,0,.42) 40%,transparent 70%)}:root.dark .iridescent-effect:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 58% 88% at 90% 10%,rgba(129,140,248,.13) 0,transparent 60%),radial-gradient(ellipse 42% 68% at 74% 24%,rgba(232,121,249,.07) 0,transparent 56%);pointer-events:none}:root.dark .iridescent-effect-layer:after{animation-name:iridescent-effect-smooth-bg-dark;animation-duration:80s;background-size:240%,120%;mix-blend-mode:exclusion;opacity:.48}