.backdropFallback{--backdrop-radius:max(50vh,min(100vh,50vw));--backdrop-center:max(50vw,50vh);background:linear-gradient(90deg,#7c70bf,#f7e4cd)}.backdropFallback:after,.backdropFallback:before{content:"";top:0;right:0;bottom:0;left:0;position:absolute}.backdropFallback:before{background:linear-gradient(to left,#daac75,#f7e4cd var(--backdrop-radius));-webkit-mask-image:radial-gradient(circle calc(var(--backdrop-radius) + 300px) at 100% var(--backdrop-center),#000 calc(var(--backdrop-radius) - 300px),rgba(0,0,0,.97) calc(var(--backdrop-radius) - 240px),rgba(0,0,0,.85) calc(var(--backdrop-radius) - 120px),rgba(0,0,0,.7) calc(var(--backdrop-radius) - 60px),rgba(0,0,0,.5) var(--backdrop-radius),rgba(0,0,0,.3) calc(var(--backdrop-radius) + 60px),rgba(0,0,0,.15) calc(var(--backdrop-radius) + 120px),rgba(0,0,0,.03) calc(var(--backdrop-radius) + 240px),transparent 100%);mask-image:radial-gradient(circle calc(var(--backdrop-radius) + 300px) at 100% var(--backdrop-center),#000 calc(var(--backdrop-radius) - 300px),rgba(0,0,0,.97) calc(var(--backdrop-radius) - 240px),rgba(0,0,0,.85) calc(var(--backdrop-radius) - 120px),rgba(0,0,0,.7) calc(var(--backdrop-radius) - 60px),rgba(0,0,0,.5) var(--backdrop-radius),rgba(0,0,0,.3) calc(var(--backdrop-radius) + 60px),rgba(0,0,0,.15) calc(var(--backdrop-radius) + 120px),rgba(0,0,0,.03) calc(var(--backdrop-radius) + 240px),transparent 100%)}.backdropFallback:after{background:linear-gradient(to right,#31295a,#6253b3 var(--backdrop-radius));-webkit-mask-image:radial-gradient(circle calc(var(--backdrop-radius) + 300px) at 0 var(--backdrop-center),#000 calc(var(--backdrop-radius) - 300px),rgba(0,0,0,.97) calc(var(--backdrop-radius) - 240px),rgba(0,0,0,.85) calc(var(--backdrop-radius) - 120px),rgba(0,0,0,.7) calc(var(--backdrop-radius) - 60px),rgba(0,0,0,.5) var(--backdrop-radius),rgba(0,0,0,.3) calc(var(--backdrop-radius) + 60px),rgba(0,0,0,.15) calc(var(--backdrop-radius) + 120px),rgba(0,0,0,.03) calc(var(--backdrop-radius) + 240px),transparent 100%);mask-image:radial-gradient(circle calc(var(--backdrop-radius) + 300px) at 0 var(--backdrop-center),#000 calc(var(--backdrop-radius) - 300px),rgba(0,0,0,.97) calc(var(--backdrop-radius) - 240px),rgba(0,0,0,.85) calc(var(--backdrop-radius) - 120px),rgba(0,0,0,.7) calc(var(--backdrop-radius) - 60px),rgba(0,0,0,.5) var(--backdrop-radius),rgba(0,0,0,.3) calc(var(--backdrop-radius) + 60px),rgba(0,0,0,.15) calc(var(--backdrop-radius) + 120px),rgba(0,0,0,.03) calc(var(--backdrop-radius) + 240px),transparent 100%)}@keyframes grid-scrolling{to{transform:translate3d(-3rem,-3rem,0)}}.gridAnimation{animation:grid-scrolling 6s steps(48) infinite;background-image:linear-gradient(hsla(0,0%,100%,.094) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.094) 1px,transparent 0);background-size:3rem 3rem;will-change:transform}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.gridAnimation{animation-timing-function:steps(96)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.gridAnimation{animation-timing-function:steps(144)}}@media (prefers-reduced-motion:reduce){.gridAnimation{animation:none}}