@keyframes iridescent-effect-smooth-bg{0%{background-position:50% 50%,50% 50%}to{background-position:350% 50%,350% 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-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%)}.iridescent-effect-layer,.iridescent-effect-layer:after{background-image:var(--stripes),var(--rainbow);pointer-events:none}.iridescent-effect-layer:after{content:"";position:absolute;inset:0;background-size:200%,100%;animation:iridescent-effect-smooth-bg 60s linear infinite;background-attachment:fixed;mix-blend-mode:difference}.iridescent-effect>:not(.iridescent-effect-layer){position:relative;z-index:1}