*,:after,:before{background-repeat:no-repeat;box-sizing:border-box}:after,:before{text-decoration:inherit;vertical-align:inherit}:where(:root){-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4}:where(body){margin:0}:where(h1){font-size:2em;margin:.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(nav li):before{content:"\200B";float:left}:where(pre){font-family:monospace,monospace;font-size:1em;overflow:auto}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button,input,select){margin:0}:where(button,[type=button i],[type=reset i],[type=submit i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:initial}:where(textarea){margin:0;resize:vertical}:where([type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details>summary:first-of-type){display:list-item}:where([aria-busy=true i]){cursor:progress}:where([aria-controls]){cursor:pointer}:where([aria-disabled=true i],[disabled]){cursor:not-allowed}:where([aria-hidden=false i][hidden]){display:inline;display:initial}:where([aria-hidden=false i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}.login{align-items:center;display:flex;height:100vh;justify-content:center;overflow-y:scroll;width:100vw}.login__container{color:#f5e1ff;display:flex;flex-direction:column;padding:30px;text-align:center}.login__textBox{background-color:#180d23;outline:none}.login__btn,.login__textBox{border:none;border-radius:10px;color:#fff;font-size:18px;margin-bottom:20px;padding:20px}.login__btn{background:#7d0eb5;background:linear-gradient(180deg,#7d0eb5,#4d0671)}.login__btn__google{background-color:#4285f4;border:none;color:#fff;font-size:18px;margin-bottom:20px;padding:20px}.login div{margin-top:7px}.login__registerText{margin-top:10px}label.supabase-auth-ui_ui-label{margin-bottom:-20px!important;text-align:left}input.supabase-auth-ui_ui-input{color:#fff}.cl-logoBox{display:none}.infer{align-items:stretch;background-color:#0c0810;height:calc(100dvh - 90px);justify-content:stretch;overflow-y:auto;padding-top:20px;width:100dvw;@media only screen and (max-width:600px){padding-top:0}}.infer,.infer__container{display:flex;flex-direction:column}.infer__container{align-self:stretch;background-color:#180d23;border-radius:40px;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:840px;padding:40px;position:relative;text-align:center;transition:all .3s cubic-bezier(.25,.8,.25,1);width:100%;z-index:10;@media only screen and (max-width:600px){padding-bottom:20px;padding-left:20px;padding-right:20px;padding-top:20px}}.infer__footer{justify-content:flex-end}.infer__footer,.inference-file-input{align-items:center;display:flex;flex-direction:row}.inference-file-input{cursor:pointer;height:150px}.selected-files-drop-zone{align-items:center;display:flex;flex-direction:row;height:0;justify-content:flex-end;margin-bottom:-2em;margin-top:2em;@media only screen and (max-width:700px){height:auto!important}}.selected-files-action{color:rgba(245,48,213,.86);font-size:16px;line-height:1.2;margin-left:10px;margin-right:60px;margin-top:-60px;padding:5px 10px;@media only screen and (max-width:600px){font-size:14px;margin-right:40px;margin-top:-30px}}.selected-files-action:hover{background:rgba(245,225,255,.14);border-radius:15px;color:#ff74e9}.selected-files-action.danger:hover{background:rgba(255,92,92,.14);border-radius:15px}.drop_area{position:static!important}.drop-zone{background:linear-gradient(180deg,#07000b,#180728 70.5%);border:2px solid rgba(255,116,233,.74);border:2px solid var(--elevation-outlined,rgba(255,116,233,.74));border-radius:20px;cursor:"pointer";padding:30px;@media only screen and (max-width:600px){padding-bottom:20px;padding-left:20px;padding-right:20px;padding-top:20px}}.drop-zone-small{padding:20px}.drop-zone:hover{border:2px dashed #ff74e9}.drop-zone .icon{color:#ff74e9;padding-left:5px}.drop-zone .content{align-items:flex-start;display:flex;flex-direction:column;padding-left:35px;text-align:left}.drop-zone .content p{margin:0;padding:0}.audio-file-list{align-items:stretch;display:flex;flex-direction:column;justify-content:flex-start;position:relative}.audio-file-list-content{max-height:340px;overflow-y:auto}.audio-file-list-content>div{margin-bottom:10px!important}.audio-file-list-content>div:last-child{margin-bottom:0!important}.audio-file-list-item{margin-bottom:10px;margin-top:10px}.audio-file-list-item .audio-file-header{display:flex;flex-direction:row;justify-content:space-between}.audio-file-list-item .audio-file-duration,.audio-file-list-item .audio-file-name{font-family:Jura,sans-serif;font-size:18px;padding-left:10px;text-align:left}.transpose-select{flex-shrink:0;flex-wrap:nowrap;margin:0;padding:0}.transpose-select a{font-family:Jura,sans-serif;font-size:18px;margin:5px}.transpose-select a:hover{color:#ff74e9}.transpose-select input{border-radius:40px;height:40px;margin-left:15px;margin-right:15px}.advanced-options-container{margin-bottom:10px;margin-top:20px}.advanced-options-list{align-items:stretch;background:#180d23;border-radius:15px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin-top:10px;padding-top:20px}.advanced-options-container p{color:rgba(245,225,255,.74);font-size:16px;margin:0}.advanced-options-container p:hover{color:#ff74e9}.advanced-options-container.collapsed{background:#180d23;margin-top:20px}.advanced-option-label{color:#fff;font-family:Jura;font-size:16px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:5px;text-transform:uppercase}.advanced-option{align-items:stretch;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;min-width:200px;width:100%}.advanced-option-slider-mark{color:rgba(245,225,255,.74);color:var(--text-disabled,rgba(245,225,255,.74));font-family:Helvetica;font-size:14px;font-style:normal;font-weight:400;letter-spacing:.15px;line-height:20px;margin-bottom:10px;text-align:center}html{background:#180d23;font-size:16px;overflow:auto}body,head{color:transparent;display:block;font-size:52px}body:after,body:before,head:after,head:before{color:transparent;content:".";height:3em;left:50%;mix-blend-mode:screen;pointer-events:none;position:fixed;top:50%;transform:rotate(0deg) scale(12) translateX(-20px);width:3em}body:before{text-shadow:-.2925816487em 1.6038613539em 12px rgba(60,0,255,.4),-.4288974263em .2772837118em 12px rgba(67,0,255,.4),1.4064714813em -.4725839293em 12px rgba(203,0,255,.4),.2397370562em 1.6503193303em 12px rgba(247,0,255,.4),-.4880408323em .9260774471em 12px rgba(52,0,255,.4),.3998628873em .7763206047em 12px rgba(174,0,255,.4),1.6771234814em 1.0039602247em 12px rgba(99,0,255,.4),1.2169965668em 1.9466040109em 12px rgba(119,0,255,.4),.4771283707em .8052606439em 12px rgba(187,0,255,.4),2.4594722787em -.1434147777em 12px rgba(165,0,255,.4),-.4342716663em .0206784829em 12px rgba(97,0,255,.4),1.098534979em -.186271281em 12px rgba(48,0,255,.4),.9643179731em .0385697496em 12px rgba(3,0,255,.4),-.0980229129em .6105105259em 12px rgba(76,0,255,.4),.1281970092em .1326925025em 12px rgba(160,0,255,.4),-.4066270923em 2.2203655155em 12px rgba(165,0,255,.4),1.7651715153em 2.1633655903em 12px rgba(24,0,255,.4),2.1073890331em 2.4660290021em 12px rgba(62,0,255,.4),1.9344108432em -.4291441132em 12px rgba(199,0,255,.4),1.7009804765em 2.0485801621em 12px rgba(225,0,255,.4),2.253533586em 1.6608847501em 12px rgba(206,0,255,.4),2.4354033061em .2663797688em 12px rgba(116,0,255,.4),1.6615477394em 2.4337784816em 12px rgba(228,0,255,.4),-.206781744em 2.2789355744em 12px rgba(240,0,255,.4),.6962961494em -.1580070691em 12px rgba(98,0,255,.4),.0265198971em -.4915392685em 12px rgba(71,0,255,.4),.7474540253em .5477418146em 12px rgba(136,0,255,.4),.330560517em -.0337391893em 12px rgba(150,0,255,.4),-.0860054835em 2.2820481108em 12px rgba(152,0,255,.4),-.034393791em 2.216534976em 12px rgba(126,0,255,.4),2.3893804917em 1.4872830386em 12px rgba(92,0,255,.4),.1342377234em .134125191em 12px rgba(8,0,255,.4),1.8277375578em 1.9839623236em 12px rgba(125,0,255,.4),.7041079216em 1.542136923em 12px rgba(214,0,255,.4),1.1496339874em 1.8715965382em 12px rgba(32,0,255,.4),.6132349528em 1.5307100733em 12px rgba(114,0,255,.4),1.2946339632em 1.2788211654em 12px rgba(243,0,255,.4),2.23610409em 1.2938944749em 12px rgba(56,0,255,.4),1.6059854285em 1.4513153475em 12px rgba(253,0,255,.4),.5541614322em -.4986400689em 12px rgba(166,0,255,.4),.812230987em 1.923707017em 12px rgba(52,0,255,.4)}body:after,body:before{font:5vmin/1.3 Serif;z-index:0}body:after{text-shadow:-.4128990445em 1.7914063685em 12px rgba(157,0,255,.4),1.4462126383em .5924062971em 12px rgba(145,0,255,.4),.9403661658em 1.8233581229em 12px rgba(103,0,255,.4),-.3829406536em -.4636823796em 12px rgba(49,0,255,.4),2.1494956888em 1.0253812901em 12px rgba(60,0,255,.4),.2333046795em 2.3731354351em 12px rgba(162,0,255,.4),-.32011878em 1.926505227em 12px rgba(118,0,255,.4),-.4844325544em .5163931131em 12px rgba(239,0,255,.4),1.0408733702em 2.0392732752em 12px rgba(253,0,255,.4),.4015320832em -.3703406842em 12px rgba(0,0,255,.4),2.4028893663em 1.5414594472em 12px rgba(131,0,255,.4),1.1942608626em -.2213925066em 12px rgba(229,0,255,.4),-.1950192737em .8814612166em 12px rgba(205,0,255,.4),1.2502787747em -.4216067667em 12px rgba(216,0,255,.4),-.1810074676em .4156044316em 12px rgba(192,0,255,.4),1.5662666247em .336942989em 12px rgba(41,0,255,.4),-.3160847274em .4739023879em 12px rgba(185,0,255,.4),2.3339058543em 2.3216122582em 12px rgba(65,0,255,.4),1.5958008811em .3970879607em 12px rgba(99,0,255,.4),2.3840677201em 1.0521804338em 12px rgba(219,0,255,.4),1.670982795em 1.9981435614em 12px rgba(135,0,255,.4),-.4630672986em -.0628730193em 12px rgba(178,0,255,.4),.1803021466em -.3380519668em 12px rgba(126,0,255,.4),.8898141463em .7612867558em 12px rgba(251,0,255,.4),2.038099757em .0207587603em 12px rgba(132,0,255,.4),.7239598338em .1476370024em 12px rgba(95,0,255,.4),.5492634255em -.2945252336em 12px rgba(21,0,255,.4),.2178997588em .5183147777em 12px rgba(75,0,255,.4),1.6019834329em .0941067186em 12px rgba(78,0,255,.4),.4987463344em .5484981268em 12px rgba(151,0,255,.4),.565219848em 1.0277867235em 12px rgba(171,0,255,.4),2.490717711em .1241519626em 12px rgba(97,0,255,.4),1.8549225144em 1.2030572499em 12px rgba(241,0,255,.4),1.4488894141em 2.3807853344em 12px rgba(185,0,255,.4),1.1700594752em .3116494825em 12px rgba(155,0,255,.4),.2904107394em -.004054207em 12px rgba(90,0,255,.4),1.4074943616em 2.086427025em 12px rgba(112,0,255,.4),1.6268279906em .9298444092em 12px rgba(6,0,255,.4),1.7102738927em .5890887617em 12px rgba(70,0,255,.4),1.0327410491em .653650157em 12px rgba(199,0,255,.4),.2142792694em 2.1261533882em 12px rgba(111,0,255,.4)}head:before{text-shadow:.1236196236em 2.0372711767em 12px rgba(220,0,255,.4),-.1370620345em -.2616307108em 12px rgba(33,0,255,.4),1.2485025977em 2.4343192481em 12px rgba(52,0,255,.4),.712315446em 1.4495922144em 12px rgba(52,0,255,.4),.8740040909em .4384706264em 12px rgba(91,0,255,.4),.1454824444em 1.665949083em 12px rgba(235,0,255,.4),1.2816261507em 2.4666825144em 12px rgba(127,0,255,.4),.907873623em 1.5151370789em 12px rgba(252,0,255,.4),-.1459958722em 2.0419181209em 12px rgba(230,0,255,.4),.0858849486em 1.4921823132em 12px rgba(212,0,255,.4),-.0541834749em .3643725147em 12px rgba(158,0,255,.4),2.1087851662em 1.4321277954em 12px rgba(78,0,255,.4),-.154805792em 2.201737538em 12px rgba(239,0,255,.4),1.674028999em .5197576713em 12px rgba(98,0,255,.4),1.4747251084em -.3109182649em 12px rgba(127,0,255,.4),2.0302850202em .9278656786em 12px rgba(11,0,255,.4),.3322494761em 1.207145164em 12px rgba(70,0,255,.4),1.0115543629em -.3394566319em 12px rgba(120,0,255,.4),.0900077622em 2.4806314849em 12px rgba(148,0,255,.4),1.3429719087em -.4629150486em 12px rgba(7,0,255,.4),1.6292303901em -.2550375525em 12px rgba(87,0,255,.4),.7097886116em .9751646407em 12px rgba(195,0,255,.4),2.1741746733em 1.2541062941em 12px rgba(155,0,255,.4),1.3123641894em 2.2435918765em 12px rgba(84,0,255,.4),.0530366541em .5630660526em 12px rgba(61,0,255,.4),1.0251150947em 1.8422309651em 12px rgba(27,0,255,.4),.9712787728em .5813204906em 12px rgba(136,0,255,.4),1.021875859em .224004461em 12px rgba(128,0,255,.4),1.8680298801em 2.471919316em 12px rgba(23,0,255,.4),2.4135431329em .8095747852em 12px rgba(62,0,255,.4),.2719011583em 1.5816784394em 12px rgba(96,0,255,.4),-.377303652em 2.3015417536em 12px rgba(192,0,255,.4),.6472331185em .948013015em 12px rgba(115,0,255,.4),2.0395544106em 1.8958136094em 12px rgba(190,0,255,.4),-.3408561362em 2.4093314267em 12px rgba(86,0,255,.4),.7594833768em .9812503769em 12px rgba(17,0,255,.4),1.844137544em 2.08867324em 12px rgba(21,0,255,.4),1.6046251594em .3406632705em 12px rgba(250,0,255,.4),.7982198552em 1.2702540194em 12px rgba(168,0,255,.4),-.1719858139em 1.7735639009em 12px rgba(60,0,255,.4),2.1131035542em .9662347876em 12px rgba(25,0,255,.4)}head:after,head:before{font:5vmin/1.3 Serif;z-index:0}head:after{text-shadow:.2410642572em -.4430815106em 12px rgba(198,0,255,.4),.9432651008em .7726784294em 12px rgba(4,0,255,.4),.1073752742em .7608926383em 12px rgba(167,0,255,.4),.4816071824em 1.2303893816em 12px rgba(201,0,255,.4),2.3660982907em 2.0261333884em 12px rgba(248,0,255,.4),-.3211520437em 1.2972983483em 12px rgba(22,0,255,.4),-.4497310002em -.3950034114em 12px rgba(1,0,255,.4),1.710956588em 2.3780314742em 12px rgba(198,0,255,.4),1.6539742414em .2109106672em 12px rgba(163,0,255,.4),1.9889037473em -.084232451em 12px rgba(43,0,255,.4),.6700834329em 2.2012118171em 12px rgba(234,0,255,.4),2.2560648567em .7690605244em 12px rgba(43,0,255,.4),.3231452712em .0176832392em 12px rgba(22,0,255,.4),1.7922097366em -.0637358602em 12px rgba(55,0,255,.4),-.3210318879em 1.591541009em 12px rgba(187,0,255,.4),.3827576374em -.2259176118em 12px rgba(247,0,255,.4),.7278042541em .606615355em 12px rgba(31,0,255,.4),1.0854947976em .4105251415em 12px rgba(185,0,255,.4),1.5896186624em 1.2741681138em 12px rgba(255,0,255,.4),-.4525969892em -.2917300763em 12px rgba(9,0,255,.4),1.8123205404em .1432073051em 12px rgba(114,0,255,.4),.2665875028em -.0566165137em 12px rgba(143,0,255,.4),-.3109161631em .4829572914em 12px rgba(43,0,255,.4),-.2422274013em .1228518643em 12px rgba(61,0,255,.4),2.0847414131em 2.147130728em 12px rgba(147,0,255,.4),1.2674448111em 2.4725237982em 12px rgba(123,0,255,.4),.2502452527em .7599545651em 12px rgba(95,0,255,.4),.2316368966em -.0875770875em 12px rgba(130,0,255,.4),1.775953551em 1.4677132029em 12px rgba(76,0,255,.4),1.4757914293em 2.3880192306em 12px rgba(45,0,255,.4),1.6961553254em -.0254883488em 12px rgba(191,0,255,.4),1.0929959189em -.3959895459em 12px rgba(167,0,255,.4),1.844278361em 1.9944303274em 12px rgba(16,0,255,.4),1.2872986889em .8276101263em 12px rgba(32,0,255,.4),1.0196941431em 1.6652297135em 12px rgba(214,0,255,.4),-.24412567em .0937484303em 12px rgba(33,0,255,.4),1.3788118491em -.1073258061em 12px rgba(94,0,255,.4),.3515256225em 1.7894123202em 12px rgba(208,0,255,.4),.2628146376em -.1702511716em 12px rgba(240,0,255,.4),.2414061386em -.2544463201em 12px rgba(245,0,255,.4),.4208698345em .5992164261em 12px rgba(232,0,255,.4)}@keyframes move{0%{transform:rotate(0deg) scale(12) translateX(-20px)}50%{transform:rotate(0deg) scale(12) translateX(20px)}to{transform:rotate(0deg) scale(18) translateX(-20px)}}.animate-border-container{line-height:1;position:relative}.animate-border-trail{--border-size:0;--border-angle:0turn;animation:bg-spin 3s linear infinite;background-image:conic-gradient(from var(--border-angle),transparent 20%,#7100d6,#ff74e9);background-size:100% 100%,cover;border-radius:19px;height:calc(100% + var(--border-size)*2);left:calc(0px - var(--border-size));right:calc(0px - var(--border-size));top:calc(0px - var(--border-size));width:calc(100% + var(--border-size)*2)}.animate-border-trail,.animate-border-trail:after{background-position:50%;background-repeat:no-repeat;position:absolute}.animate-border-trail:after{--border-size:2px;--border-angle:0turn;background-color:#0c0810;background-size:calc(100% - var(--border-size)*2) calc(100% - var(--border-size)*2),cover;border-radius:18px;content:" ";height:calc(100% - var(--border-size)*2);left:var(--border-size);right:var(--border-size);top:var(--border-size);width:calc(100% - var(--border-size)*2);z-index:0}@property --border-angle{syntax:"<angle>";inherits:true;initial-value:0turn}.animate-border-pulse{animation:bg-pulse 2s ease infinite;background-color:rgba(245,225,255,.4);background-size:100% 100%,cover;border-radius:21px;height:calc(100% + var(--border-size)*2);left:calc(0px - var(--border-size));right:calc(0px - var(--border-size));top:calc(0px - var(--border-size));width:calc(100% + var(--border-size)*2)}.animate-border-pulse,.animate-border-pulse:after{--border-size:1px;--border-angle:0turn;background-position:50%;background-repeat:no-repeat;position:absolute}.animate-border-pulse:after{background-color:#0c0810;background-size:calc(100% - var(--border-size)*2) calc(100% - var(--border-size)*2),cover;border-radius:20px;content:" ";height:calc(100% - var(--border-size)*2);left:var(--border-size);right:var(--border-size);top:var(--border-size);width:calc(100% - var(--border-size)*2);z-index:0}:root{--color-bg1:#3b0057;--color-bg2:#001152;--color1:48,113,255;--color2:121,74,255;--color3:100,120,255;--color4:100,50,150;--color5:180,80,150;--color-interactive:140,100,255;--circle-size:80%;--blending:hard-light}@keyframes moveInCircle{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes moveHorizontal{0%{transform:translateX(-50%) translateY(-10%)}50%{transform:translateX(50%) translateY(10%)}to{transform:translateX(-50%) translateY(-10%)}}.gradient-bg{background:linear-gradient(40deg,#3b0057,#001152);background:linear-gradient(40deg,var(--color-bg1),var(--color-bg2));height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.gradient-bg svg{display:none}.gradient-bg .gradients-container{filter:url(#goo) blur(40px);height:100%;width:100%}.gradient-bg .g1{animation:moveVertical 30s ease infinite;background:radial-gradient(circle at center,rgba(48,113,255,.8) 0,rgba(48,113,255,0) 50%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color1),.8) 0,rgba(var(--color1),0) 50%) no-repeat;transform-origin:center center}.gradient-bg .g1,.gradient-bg .g2{height:80%;height:var(--circle-size);left:10%;left:calc(50% - var(--circle-size)/2);mix-blend-mode:hard-light;mix-blend-mode:var(--blending);opacity:1;position:absolute;top:10%;top:calc(50% - var(--circle-size)/2);width:80%;width:var(--circle-size)}.gradient-bg .g2{animation:moveInCircle 20s infinite reverse;background:radial-gradient(circle at center,rgba(121,74,255,.8) 0,rgba(121,74,255,0) 50%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color2),.8) 0,rgba(var(--color2),0) 50%) no-repeat;transform-origin:calc(50% - 400px)}.gradient-bg .g3{animation:moveInCircle 40s linear infinite;background:radial-gradient(circle at center,rgba(100,120,255,.8) 0,rgba(100,120,255,0) 50%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color3),.8) 0,rgba(var(--color3),0) 50%) no-repeat;left:calc(10% - 500px);left:calc(50% - var(--circle-size)/2 - 500px);opacity:1;top:calc(10% + 200px);top:calc(50% - var(--circle-size)/2 + 200px);transform-origin:calc(50% + 400px)}.gradient-bg .g3,.gradient-bg .g4{height:80%;height:var(--circle-size);mix-blend-mode:hard-light;mix-blend-mode:var(--blending);position:absolute;width:80%;width:var(--circle-size)}.gradient-bg .g4{animation:moveHorizontal 40s ease infinite;background:radial-gradient(circle at center,rgba(100,50,150,.8) 0,rgba(100,50,150,0) 50%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color4),.8) 0,rgba(var(--color4),0) 50%) no-repeat;left:10%;left:calc(50% - var(--circle-size)/2);opacity:.7;top:10%;top:calc(50% - var(--circle-size)/2);transform-origin:calc(50% - 200px)}.gradient-bg .g5{animation:moveInCircle 20s ease infinite;background:radial-gradient(circle at center,rgba(180,80,150,.8) 0,rgba(180,80,150,0) 50%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color5),.8) 0,rgba(var(--color5),0) 50%) no-repeat;height:160%;height:calc(var(--circle-size)*2);left:-30%;left:calc(50% - var(--circle-size));opacity:1;top:-30%;top:calc(50% - var(--circle-size));transform-origin:calc(50% - 800px) calc(50% + 200px);width:160%;width:calc(var(--circle-size)*2)}.gradient-bg .g5,.gradient-bg .interactive{mix-blend-mode:hard-light;mix-blend-mode:var(--blending);position:absolute}.gradient-bg .interactive{background:radial-gradient(circle at center,rgba(140,100,255,.8) 0,rgba(140,100,255,0) 50%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color-interactive),.8) 0,rgba(var(--color-interactive),0) 50%) no-repeat;height:100%;left:-50%;opacity:.7;top:-50%;width:100%}.animate-border-trail-small{--border-size:2px;--border-angle:0turn;animation:bg-spin 3s linear infinite;background-image:conic-gradient(from var(--border-angle),transparent 20%,#7100d6,#ff74e9);background-position:50%;background-repeat:no-repeat;background-size:100% 100%,cover;border-radius:6px;height:calc(100% + var(--border-size)*2);left:calc(0px - var(--border-size));position:absolute;right:calc(0px - var(--border-size));top:calc(0px - var(--border-size));width:calc(100% + var(--border-size)*2)}@keyframes bg-spin{to{--border-angle:1turn}}.animate-border-trail-small:after{--border-size:2px;--border-angle:0turn;background-color:#0c0810;background-size:calc(100% - var(--border-size)*2) calc(100% - var(--border-size)*2),cover;border-radius:5px;content:" ";height:calc(100% - var(--border-size)*2);left:var(--border-size);right:var(--border-size);top:var(--border-size);width:calc(100% - var(--border-size)*2);z-index:0}.animate-border-pulse-small,.animate-border-trail-small:after{background-position:50%;background-repeat:no-repeat;position:absolute}.animate-border-pulse-small{--border-size:1px;--border-angle:0turn;animation:bg-pulse 2s ease infinite;background-color:rgba(245,225,255,.4);background-size:100% 100%,cover;border-radius:6px;height:calc(100% + var(--border-size)*2);left:calc(0px - var(--border-size));right:calc(0px - var(--border-size));top:calc(0px - var(--border-size));width:calc(100% + var(--border-size)*2)}@keyframes bg-pulse{0%{box-shadow:0 0 0 0 rgba(245,225,255,.5)}90%{box-shadow:0 0 0 15px rgba(245,225,255,0)}to{box-shadow:0 0 0 0 rgba(245,225,255,0)}}.animate-border-pulse-small:after{--border-size:1px;--border-angle:0turn;background-color:#0c0810;background-position:50%;background-repeat:no-repeat;background-size:calc(100% - var(--border-size)*2) calc(100% - var(--border-size)*2),cover;border-radius:5px;content:" ";height:calc(100% - var(--border-size)*2);left:var(--border-size);position:absolute;right:var(--border-size);top:var(--border-size);width:calc(100% - var(--border-size)*2);z-index:0}
/*# sourceMappingURL=main.577204bd.css.map*/