@import"https://fonts.googleapis.com/css2?family=Golos+Text:wght@500&display=swap";*{-webkit-user-select:none;user-select:none}html{--text-color: white;--font-size: 5rem;--secondary-font-size: 5rem;--blur-amount: 10px}.Wrapper{max-width:100%;height:100vh;overflow:hidden;position:relative}.Background{min-height:100vh;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover}.Background:after{content:"";min-height:100vh;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-backdrop-filter:blur(var(--blur-amount)) brightness(.5);backdrop-filter:blur(var(--blur-amount)) brightness(.5)}.Content{position:absolute;top:0;left:0;min-height:100vh;width:100%;display:flex;justify-content:center;place-items:center}.Controls{position:absolute;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff3;border-radius:5px;display:flex;flex-direction:column;z-index:2;top:10px;left:10px}.ControlsRelative{position:relative;height:100%;width:100%}.Button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff3;color:#000;padding:10px 20px;border-radius:5px;border:none;margin:5px;font-size:12px}.ShowControlsButton{padding:5px;background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:50%}.ExitButton{position:absolute;top:-15px;right:-15px;border-radius:50%;padding:0;height:30px;width:30px;text-align:center;vertical-align:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:#fff3;color:#000;font-weight:700}.Timer{color:var(--text-color);font-size:var(--font-size);font-weight:700;font-family:Golos Text,sans-serif;margin:0 5px}.glow{text-shadow:0 0 2.5px var(--text-color),0 0 5px var(--text-color),0 0 10.5px var(--text-color),0 0 20.5px;color:var(--text-color);text-align:center}.Digit{display:flex;justify-content:center;place-items:center;flex-direction:column}.Title{color:#fff;font-size:calc(var(--font-size) / 5);font-family:Golos Text,sans-serif}.LiveStatusWrapper{position:absolute;color:#fff;z-index:10;bottom:10px;left:10px}.row{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.row:first-of-type{margin-top:20px}.ToggleActive{font-weight:700!important;background-color:var(--text-color)!important}.Slider[type=range]::-webkit-slider-runnable-track{background:var(--text-color);border-radius:10px}.Slider[type=range]::-webkit-slider-thumb{background:white}.Slider[type=range]:focus{outline:none}.DatePicker{border-radius:5px;border:none;width:15px}@media all and (max-width: 630px){.Digit{flex-direction:column-reverse;margin:20px 0}.Content{flex-direction:column;top:10%;min-height:fit-content}.Colon{display:none}}@media all and (max-width: 500px){.Controls{left:0;top:0;margin:10px;background-color:#ffffff67}.row{flex-direction:row;justify-content:space-evenly}.Slider{margin:5px 0}.ExitButton{top:0;right:0}.row:first-of-type{margin-top:40px}.row:last-of-type{margin-bottom:20px}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#555}::-webkit-scrollbar-thumb:hover{background:var(--text-color)}::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}.LiveStatus{width:100%}.OnlineClientVRepresentation{display:flex;justify-content:space-between;place-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;color:var(--text-color);padding:5px 10px;border-radius:5px;margin:5px 0}.Vous{background-color:#fff3!important}.Offline{background-color:#ffffff0d!important}.Offline div{color:gray;filter:saturate(60%)}.ClientLeftSide{display:flex;align-items:center}.ClientRightSide{display:flex;align-items:center;margin-left:20px}.ClientName{font-family:Golos Text,sans-serif;font-size:12px;color:#fff;background-color:transparent;border:none;outline:0;max-width:70px;min-width:0}.ClientName:focus{color:var(--text-color);outline:none}.ClientDuration{margin-right:5px;font-size:12px;width:fit-content;font-family:Golos Text,sans-serif;color:#fff}.ClientCountry{margin-left:5px;transform:translateY(1px)}.ClientGreenBall{background-color:var(--text-color);height:10px;width:10px;border-radius:50%;margin-right:10px;animation:Pulse 2s infinite linear}.ClientRedBall{background-color:red;opacity:50%;height:10px;width:10px;border-radius:50%;margin-right:10px}@keyframes Pulse{0%{opacity:40%}50%{opacity:100%}to{opacity:40%}}@media all and (max-width: 630px){.LiveStatusWrapper{width:100%;bottom:0!important;left:0!important;background-color:#000;display:flex;justify-content:center}.LiveStatus{margin:10px;width:100%;padding:0}.ClientLeftSide{margin-left:5px}.ClientRightSide{margin-right:5px}.OnlineClientVRepresentation{width:100%;padding:2.5px 0;border-radius:3px;overflow:hidden}}.MusicDisplay{position:absolute;z-index:4;bottom:10px;right:10px;display:flex;flex-direction:row;--song-Title: "";--song-progress: 0%}.MusicLeft{display:flex;flex-direction:column;place-items:flex-end;justify-content:center;margin-right:15px}.SongTitle{color:#fff;font-family:Golos Text,sans-serif;font-weight:700;position:relative;font-size:15px}.SongArtist{color:#fff;font-family:Golos Text,sans-serif;font-size:12px;text-align:right;margin-top:5px}.MusicRight{position:relative;display:flex;justify-content:center;place-items:center;height:60px}.CoverImage{height:60px;width:60px;border-radius:50%;position:relative;animation:rotate 20s infinite linear}.paused{animation-play-state:paused}.ProgressDot{position:absolute;height:var(--song-progress);background-color:var(--text-color);aspect-ratio:1/1;opacity:80%;border-radius:50%;z-index:6;top:50%;left:50%;transform:translate(-50%,-50%);transition:all 10s}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ProgressBar{position:absolute;display:flex;justify-content:center;place-items:center;top:0;left:0;height:100%;width:100%;z-index:7}.skill{position:relative;transform:rotate(-90deg);top:0;left:0}#circle{fill:none;stroke:url(#GradientColor);stroke-width:5px;stroke-dasharray:200;transition:all 2s linear}.LoginWrapper{position:relative;height:100vh;width:100%}.LoginBackground{position:relative;height:100%;width:100%;background-image:url(/assets/LoginPage-XTAXk--5.webp)}.LoginBackground:before{content:"";height:100%;width:100%;position:absolute;top:0;left:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.LoginFields{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;width:80%;max-width:300px}.LoginHeader{font-size:3rem;padding:0;margin:0 0 30px}.PasswordField{background-color:#ffffff1a;font-size:20px;color:#fff;text-align:center;height:40px;border:none;margin-bottom:20px;border-radius:5px}.PasswordField:focus-visible{border:none;outline:none;filter:drop-shadow(0px 0px 15px white)}.PasswordSubmit{background-color:#ffffff1a;color:#fff;text-align:center;border:none;border-radius:5px;padding:10px 15px;width:fit-content;place-self:flex-end;font-family:Golos Text,sans-serif}.PasswordSubmit:hover{font-weight:700;filter:drop-shadow(0px 0px 15px white)}.LoginError{font-family:Golos Text,sans-serif;font-size:smaller;color:red;font-weight:700}