.mrag-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none;opacity:var(--mrag-bg-opacity,1)}
.mrag-bg-aurora i,.mrag-bg-orbs i{position:absolute;aspect-ratio:1;border-radius:50%;filter:blur(var(--mrag-bg-blur,70px))}
.mrag-bg-aurora i{width:60%;opacity:.75;animation:mrag-aurora var(--mrag-bg-speed,18s) ease-in-out infinite alternate}
.mrag-bg-aurora i:nth-child(1){background:var(--mrag-bg-a,#bd954b);left:-10%;top:-20%}
.mrag-bg-aurora i:nth-child(2){background:var(--mrag-bg-b,#35659c);right:-15%;top:10%;animation-delay:calc(var(--mrag-bg-speed,18s)/-3)}
.mrag-bg-aurora i:nth-child(3){background:var(--mrag-bg-c,#7a4bbd);left:20%;bottom:-35%;animation-delay:calc(var(--mrag-bg-speed,18s)/-1.5)}
@keyframes mrag-aurora{0%{translate:0 0;scale:1}50%{translate:12% 8%;scale:1.15}100%{translate:-8% 14%;scale:.9}}
.mrag-bg-orbs i{opacity:.6;filter:blur(var(--mrag-bg-blur,46px))}
.mrag-bg-particles canvas{position:absolute;inset:0;display:block}
.mrag-bg-flow{background:linear-gradient(120deg,var(--mrag-bg-a,#bd954b),var(--mrag-bg-b,#35659c),var(--mrag-bg-c,#7a4bbd),var(--mrag-bg-a,#bd954b));background-size:300% 300%;animation:mrag-flow var(--mrag-bg-speed,18s) ease-in-out infinite alternate}
@keyframes mrag-flow{from{background-position:0% 50%}to{background-position:100% 50%}}
.mrag-bg-grid{background-image:linear-gradient(var(--mrag-bg-a,rgba(189,149,75,.35)) 1px,transparent 1px),linear-gradient(90deg,var(--mrag-bg-a,rgba(189,149,75,.35)) 1px,transparent 1px);background-size:var(--mrag-bg-cell,48px) var(--mrag-bg-cell,48px);-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 0,transparent 70%);mask-image:radial-gradient(ellipse at 50% 40%,#000 0,transparent 70%);animation:mrag-grid var(--mrag-bg-speed,18s) linear infinite}
@keyframes mrag-grid{to{background-position:0 var(--mrag-bg-cell,48px),var(--mrag-bg-cell,48px) 0}}
.mrag-bg-paused,.mrag-bg-paused i{animation-play-state:paused!important}
.mrag-grain{inset:0;z-index:5;opacity:var(--mrag-grain-opacity,.07);background-size:160px 160px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:mrag-grain 1.2s steps(5) infinite}
@keyframes mrag-grain{20%{background-position:-37px 23px}40%{background-position:41px -59px}60%{background-position:-71px -13px}80%{background-position:53px 47px}}
@property --mrag-m1{syntax:'<percentage>';inherits:false;initial-value:18%}
@property --mrag-m2{syntax:'<percentage>';inherits:false;initial-value:22%}
@property --mrag-m3{syntax:'<percentage>';inherits:false;initial-value:82%}
@property --mrag-m4{syntax:'<percentage>';inherits:false;initial-value:28%}
@property --mrag-m5{syntax:'<percentage>';inherits:false;initial-value:70%}
@property --mrag-m6{syntax:'<percentage>';inherits:false;initial-value:85%}
@property --mrag-m7{syntax:'<percentage>';inherits:false;initial-value:25%}
@property --mrag-m8{syntax:'<percentage>';inherits:false;initial-value:78%}
@keyframes mrag-mesh{0%{--mrag-m1:18%;--mrag-m2:22%;--mrag-m3:82%;--mrag-m4:28%;--mrag-m5:70%;--mrag-m6:85%;--mrag-m7:25%;--mrag-m8:78%}33%{--mrag-m1:62%;--mrag-m2:12%;--mrag-m3:88%;--mrag-m4:70%;--mrag-m5:30%;--mrag-m6:90%;--mrag-m7:10%;--mrag-m8:40%}66%{--mrag-m1:40%;--mrag-m2:80%;--mrag-m3:20%;--mrag-m4:15%;--mrag-m5:85%;--mrag-m6:45%;--mrag-m7:60%;--mrag-m8:60%}100%{--mrag-m1:85%;--mrag-m2:60%;--mrag-m3:45%;--mrag-m4:85%;--mrag-m5:12%;--mrag-m6:30%;--mrag-m7:75%;--mrag-m8:12%}}
.mrag-bg-mesh{background-color:var(--mrag-bg-d,#13213a);background-image:radial-gradient(at var(--mrag-m1) var(--mrag-m2),var(--mrag-bg-a,#bd954b) 0,transparent 52%),radial-gradient(at var(--mrag-m3) var(--mrag-m4),var(--mrag-bg-b,#35659c) 0,transparent 55%),radial-gradient(at var(--mrag-m5) var(--mrag-m6),var(--mrag-bg-c,#7a4bbd) 0,transparent 55%),radial-gradient(at var(--mrag-m7) var(--mrag-m8),var(--mrag-bg-b,#35659c) 0,transparent 50%);animation:mrag-mesh var(--mrag-bg-speed,18s) ease-in-out infinite alternate}
.mrag-bg-mesh canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .6s}
.mrag-bg-mesh canvas.mrag-on{opacity:1}
.mrag-bg-goo{position:absolute;left:0;top:0;width:50%;height:50%;transform:scale(2);transform-origin:0 0;filter:url(#mrag-goo-bg)}
.mrag-bg-goo i{position:absolute;aspect-ratio:1;border-radius:50%;opacity:.9}
.mrag-bg-goo .mrag-bg-goo-mouse{width:12%;left:-6%;top:-6%;opacity:0;transition:opacity .4s}
.mrag-bg-blobs{filter:blur(var(--mrag-bg-blur,0px))}
.mrag-bg-conic i{position:absolute;left:50%;top:50%;width:max(160%,160vh);aspect-ratio:1;translate:-50% -50%;background:conic-gradient(from 0deg,var(--mrag-bg-a,#bd954b),var(--mrag-bg-b,#35659c),var(--mrag-bg-c,#7a4bbd),var(--mrag-bg-a,#bd954b));filter:blur(var(--mrag-bg-blur,70px));animation:mrag-spin var(--mrag-bg-speed,18s) linear infinite}
@keyframes mrag-spin{to{rotate:1turn}}
.mrag-lq-defs{position:absolute;width:0;height:0;overflow:hidden}
@media (prefers-reduced-motion:reduce){.mrag-bg-aurora i,.mrag-bg-flow,.mrag-bg-grid,.mrag-grain,.mrag-bg-mesh,.mrag-bg-conic i{animation:none!important}}
@media (forced-colors:active){.mrag-bg,.mrag-grain{display:none}}
.mrag-bg-mesh.mrag-bg-gl{animation:none}
