.aurora-background{border-radius:inherit;pointer-events:none;--aurora:repeating-linear-gradient(100deg, #70ffb2b3 0%, #e270ffe6 8%, #b5ffd6cc 16%, #c7ff70e6 24%, transparent 32%);--gradient:repeating-linear-gradient(100deg, #fff 0%, #fff 3%, transparent 10%, transparent 12%, #fff 16%);--transparent:transparent;background-color:#0000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:background-color .15s,color .15s;display:flex;position:absolute;top:0;left:0;overflow:hidden}.aurora-background__overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.aurora-background__aurora{pointer-events:none;opacity:.5;filter:blur(10px);will-change:transform;background-image:var(--gradient),var(--aurora);background-position:50%,50%;background-size:300% 300%,200% 200%;position:absolute;inset:-10px}.aurora-background__aurora:after{content:"";background-image:var(--gradient),var(--aurora);mix-blend-mode:difference;background-size:200% 200%,100% 100%;background-attachment:fixed;animation:45s ease-in-out infinite alternate aurora-animation;position:absolute;inset:0}.aurora-background--radial-mask .aurora-background__aurora{-webkit-mask-image:radial-gradient(ellipse at 100% 0%,black 10%,var(--transparent) 70%);mask-image:radial-gradient(ellipse at 100% 0%,black 10%,var(--transparent) 70%);-webkit-mask-image:radial-gradient(ellipse at 100% 0%,black 10%,var(--transparent) 70%)}@keyframes aurora-animation{0%{background-position:0%,50%}50%{background-position:100%,50%}to{background-position:0%,50%}}