@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Flamenco&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);body,html{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;--cursorColor:#fff}#root,body,html{width:100%;height:100%;display:flex;justify-content:center;align-items:center}#root{--accent:#3ea2e7;background-color:#eee}p::selection{color:#fff;background-color:var(--accent)}input::selection{color:var(--accent);background-color:#fff}.gradiantAnimation{background:linear-gradient(-65deg,#f50000,#c9d523,#23d5ab,#0087f5,#f32574);background-size:400% 400%;-webkit-animation:gradient 15s ease infinite;animation:gradient 15s ease infinite}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.homePage{position:absolute;width:100%;height:-webkit-max-content;height:max-content;min-height:100vh;display:flex;flex-direction:column;background-color:#111;top:0;font-family:"Open Sans",sans-serif;font-weight:400}.homePage>.roomOpenLoading{position:absolute;width:100%;height:100%;top:0;left:0;background-color:hsla(0,0%,100%,.2);z-index:999}.homePage>.body{display:flex;flex-grow:1;flex-direction:column}.homePage>.body>.createRoom{width:100%;height:90px;margin-top:40px;box-sizing:border-box;flex-direction:row;padding-left:min(100px,5%)}.homePage>.body>.createRoom,.homePage>.body>.createRoom>.createBtn{display:flex;align-items:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.homePage>.body>.createRoom>.createBtn{width:120px;height:48px;background:linear-gradient(-45deg,#f35f25,#ff4800);justify-content:center;color:#fff;border-radius:4px;box-shadow:none;border:none;transition:.15s;margin-right:40px;font-size:1rem}.homePage>.body>.createRoom>.createBtn>p{margin-right:8px}.homePage>.body>.createRoom>.createBtn>.addIcon{width:18px;height:18px;fill:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.homePage>.body>.createRoom>.createBtn:hover{box-shadow:0 0 14px 0 rgba(245,69,0,.9098039215686274);transition:.15s;cursor:pointer}.homePage>.body>.createRoom>.createBtn:active{background-color:#f15f25;transition:.15s}.homePage>.body>.createRoom>.createBtn>.addIconSpin{-webkit-animation:spin 2s cubic-bezier(.35,.28,.45,.88);animation:spin 2s cubic-bezier(.35,.28,.45,.88)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(1755deg);transform:rotate(1755deg)}}@keyframes spin{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(1755deg);transform:rotate(1755deg)}}.homePage>.body>.createRoom>.joinInput{width:350px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:4px}.homePage>.body>.createRoom>.joinInput>.inputField{width:calc(100% - 2px);height:calc(100% - 2px);color:#e6e6e6;border-radius:4px;box-shadow:0 0 0 1px #fff;background-color:#222;border:none;transition:.15s;display:flex;align-items:center;box-sizing:border-box;justify-content:space-between;background-image:url(https://img.icons8.com/ios-glyphs/30/ffffff/keyboard.png);background-repeat:no-repeat;background-position:0;background-position-x:10px;padding-left:50px;font-size:1rem;letter-spacing:.00625em;-webkit-user-select:none;-ms-user-select:none;user-select:none;outline:none!important}.homePage>.body>.createRoom>.joinInput>.inputField:hover{box-shadow:0 0 0 1px #e6571f;border:none;background-image:url(https://img.icons8.com/ios-glyphs/30/999999/keyboard.png);transition:.15s;cursor:pointer}.homePage>.body>.createRoom>.joinInput>.inputField:focus-visible{border:none;box-shadow:0 0 0 1px rgba(125,168,136,0);background-image:url(https://img.icons8.com/ios-glyphs/30/f54500/keyboard.png);cursor:pointer}.homePage>.body>.createRoom>.joinBtn{width:60px;height:48px;display:flex;align-items:center;justify-content:center;color:#e6571f;border:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin-left:8px;border-radius:4px}.homePage>.body>.createRoom>.joinBtn:hover{transition:.15s;cursor:pointer;background-color:rgba(245,69,0,.08235294117647059)}.homePage>.body>.ownRoom{width:100%;height:-webkit-max-content;height:max-content;margin-top:40px}.homePage>.body>.ownRoom>.ownRoomTitle{width:100%;height:48px;display:flex;align-items:flex-start;justify-content:center;box-sizing:border-box;padding-left:min(100px,5%);padding-right:min(100px,5%);color:#fff;font-size:large;flex-direction:column}.homePage>.body>.ownRoom>.ownRoomTitle>.border{width:100%;border-top:1px solid #a8a8a8}.homePage>.body>.ownRoom>.ownRoomBody{width:100%;height:-webkit-max-content;height:max-content;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));justify-content:start;box-sizing:border-box;grid-gap:40px;gap:40px;margin-bottom:30px;padding:10px min(100px,5%) 0}.blur{transition:1s;-webkit-filter:blur(2px);filter:blur(2px)}.MuiPaper-root{background-color:#222!important}@media(min-width:600px){.MuiToolbar-root{min-height:48px!important}}@media only screen and (max-width:600px){.homePage>.body>.createRoom{height:-webkit-max-content;height:max-content;align-items:flex-start;justify-content:space-evenly;flex-direction:column;grid-row-gap:20px;row-gap:20px}.homePage>.body>.createRoom>.joinInput{width:min(300px,80vw)}.homePage>.body>.ownRoom{margin-top:20px}}@media(min-width:1536px){.MuiContainer-root{max-width:none!important}}.CreateModal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;justify-content:center;align-items:center;-webkit-animation:entry .5s cubic-bezier(.46,.21,.54,1.18);animation:entry .5s cubic-bezier(.46,.21,.54,1.18)}@-webkit-keyframes entry{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes entry{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.CreateModal .windowGrad{width:400px;height:400px;display:flex;justify-content:center;align-items:center;border-radius:16px}.CreateModal .windowGrad>.window{width:calc(100% - 4px);height:calc(100% - 4px);background-color:#222;box-shadow:0 0 0 0 #f54500;border-radius:16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;grid-row-gap:16px;row-gap:16px;overflow:hidden}.CreateModal .windowGrad>.window>.gradiantAnimation>.text{width:calc(100% - 2px);height:calc(100% - 2px);color:#e6e6e6;border-radius:4px;box-shadow:0 0 0 1px #fff;background-color:#222;border:none;transition:.15s;display:flex;align-items:center;box-sizing:border-box;justify-content:space-between;background-repeat:no-repeat;background-position:0;background-position-x:10px;padding-left:10px;font-size:1rem;letter-spacing:.00625em;-webkit-user-select:none;-ms-user-select:none;user-select:none;outline:none!important}.CreateModal .windowGrad>.window>.gradiantAnimation>.text:hover{box-shadow:0 0 0 1px #e6571f;border:none;transition:.15s;cursor:pointer}.CreateModal .windowGrad>.window>.gradiantAnimation>.text:focus-visible{border:none;box-shadow:0 0 0 1px rgba(125,168,136,0);cursor:pointer}.CreateModal .windowGrad>.window>.roomName{height:48px}.CreateModal .windowGrad>.window>.roomDesc,.CreateModal .windowGrad>.window>.roomName{width:80%;padding:0;margin:0 0 0 10%;border:none;display:flex;align-items:center;justify-content:center;border-radius:4px}.CreateModal .windowGrad>.window>.roomDesc{flex-grow:.6;resize:none}.CreateModal .windowGrad>.window>.roomDesc>textarea{resize:none}.CreateModal .windowGrad>.window>.createModalBtns{width:80%;margin-left:10%;display:flex;justify-content:flex-end;grid-column-gap:12px;-webkit-column-gap:12px;column-gap:12px;-webkit-transform:translateY(20px);transform:translateY(20px)}.CreateModal .windowGrad>.window>.createModalBtns>.cancelBtn{width:80px;height:48px;color:#f54500;display:flex;align-items:center;justify-content:center;border-radius:4px}.CreateModal .windowGrad>.window>.createModalBtns>.cancelBtn:hover{transition:.15s;cursor:pointer;background-color:rgba(245,69,0,.08235294117647059)}.CreateModal .windowGrad>.window>.createModalBtns>.createBtn{width:120px;height:48px;background:linear-gradient(-45deg,#f35f25,#ff4800);display:flex;align-items:center;justify-content:center;color:#fff;border-radius:4px;box-shadow:none;border:none;transition:.15s;font-size:1rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.CreateModal .windowGrad>.window>.createModalBtns>.createBtn:hover{box-shadow:0 0 14px 0 rgba(245,69,0,.9098039215686274);transition:.15s;cursor:pointer}.CreateModal .windowGrad>.window>.createModalBtns>.createBtn:active{background-color:#f15f25;transition:.15s}.checkboxMain{display:flex;width:-webkit-max-content;width:max-content;margin-left:10%;align-items:center;justify-content:center}.checkboxMain>.checkbox{--border-default:#bbbbc1;--border-hover:#9898a3;--active:#f54500;--active-tick:#fff;display:block;width:18px;height:18px;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}.checkboxMain>.checkbox svg{display:block;position:absolute}.checkboxMain>.checkbox input{display:block;outline:none;border:none;padding:0;margin:0;-webkit-appearance:none;width:18px;height:18px;border-radius:36%/36%;box-shadow:inset 0 0 0 1.5px var(--border-default);box-shadow:inset 0 0 0 1.5px var(--border,var(--border-default));background:transparent;background:var(--background,transparent);transition:background .25s linear,box-shadow .25s linear}.checkboxMain>.checkbox input+svg{width:21px;height:18px;left:0;top:0;color:var(--active)}.checkboxMain>.checkbox input+svg .tick{stroke-dasharray:20;stroke-dashoffset:20;stroke-dashoffset:var(--stroke-dashoffset,20);transition:stroke-dashoffset .2s}.checkboxMain>.checkbox input+svg .tick.mask{stroke:var(--active-tick)}.checkboxMain>.checkbox input+svg+svg{width:11px;height:11px;fill:none;stroke:var(--active);stroke-width:1.25;stroke-linecap:round;top:-6px;right:-10px;stroke-dasharray:4.5px;stroke-dashoffset:13.5px;pointer-events:none;-webkit-animation:.2s ease .175s none;animation:.2s ease .175s none;-webkit-animation:var(--animation,none) .2s ease .175s;animation:var(--animation,none) .2s ease .175s}.checkboxMain>.checkbox input:checked{--background:var(--active);--border:var(--active)}.checkboxMain>.checkbox input:checked+svg{--stroke-dashoffset:0}.checkboxMain>.checkbox input:checked+svg+svg{--animation:check}.checkboxMain>.checkbox:hover input:not(:checked){--border:var(--border-hover)}.checkboxMain>span{margin-left:8px;font-size:14px;color:#fff}@-webkit-keyframes check{to{stroke-dashoffset:4.5px}}@keyframes check{to{stroke-dashoffset:4.5px}}.roomBoxMain{position:relative;width:180px;height:140px;overflow:hidden;border-radius:10px;box-sizing:border-box;cursor:pointer}.roomBoxMain .roomBoxID{top:120%;color:transparent;transition:.4s}.roomBoxMain .roomBoxID,.roomBoxMain>.roomBoxIDHover{position:absolute;left:50%;font-size:12px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.roomBoxMain>.roomBoxIDHover{top:70%;z-index:10;font-weight:500;color:#d1d1d1;transition:.4s ease-in}.roomBoxMain>.backDP{position:absolute;top:20%;right:20%;width:45px;height:auto;border-radius:50%;transition:.4s}.roomBoxMain>.backDPExpand{position:absolute;top:-20px;right:-2px;width:100%;height:auto;transition:.4s}.roomBoxMain>.roomBox{width:100%;height:100%;position:relative;background-color:#222;transition:.4s;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);-webkit-filter:blur(0);filter:blur(0)}.roomBoxMain>.roomBox>.dp{position:absolute;top:20%;right:20%;width:45px;height:auto;border-radius:50%;z-index:4;transition:.4s}.roomBoxMain>.roomBox>.top{width:200%;height:80%;position:absolute;bottom:60%;left:-50%;z-index:2;-webkit-transform:rotate(-7deg);transform:rotate(-7deg);transition:.4s}.roomBoxMain>.roomBox>.roomName{margin-top:5%;color:#222;font-weight:800;font-size:15px}.roomBoxMain>.roomBox>.name,.roomBoxMain>.roomBox>.roomName{position:absolute;margin-left:5%;z-index:3;display:flex;align-items:center;transition:.4s}.roomBoxMain>.roomBox>.name{margin-top:53%;color:hsla(0,0%,100%,.918);font-size:10px}.roomBoxMain>.roomBox>.name>img{width:12px;height:12px;margin-right:5px;transition:.4s}.roomBoxMain>.roomBox>.invite{position:absolute;margin-top:65%;margin-left:5%;color:hsla(0,0%,100%,.918);z-index:3;display:flex;align-items:center;font-size:10px;transition:.4s}.roomBoxMain>.roomBox>.invite>img{width:12px;height:12px;margin-right:5px;-webkit-filter:brightness(.6);filter:brightness(.6);transition:.4s}.roomBoxMain>.roomBoxHover{width:100%;height:100%;position:relative;background-color:#000;-webkit-filter:blur(4px);filter:blur(4px);-webkit-clip-path:polygon(0 30%,100% 50%,100% 100%,0 100%);clip-path:polygon(0 30%,100% 50%,100% 100%,0 100%);transition:.4s}.roomBoxMain>.roomBoxHover>.dp{position:absolute;top:-20px;right:-2px;width:100%;height:auto;border-radius:0;z-index:4;border:2px solid transparent!important;transition:.4s}.roomBoxMain>.roomBoxHover>.top{width:500%;height:400%;position:absolute;bottom:-240%;left:-100%;z-index:7;-webkit-transform:rotate(-175deg);transform:rotate(-175deg);transition:.4s;background:rgba(0,0,0,.452)!important}.roomBoxMain>.roomBoxHover>.roomName{margin-top:5%;color:#222;font-weight:800;font-size:15px}.roomBoxMain>.roomBoxHover>.name,.roomBoxMain>.roomBoxHover>.roomName{position:absolute;margin-left:5%;z-index:3;display:flex;align-items:center;opacity:0;transition:.4s}.roomBoxMain>.roomBoxHover>.name{margin-top:53%;color:hsla(0,0%,100%,.918);font-size:10px}.roomBoxMain>.roomBoxHover>.name>img{width:12px;height:12px;margin-right:5px}.roomBoxMain>.roomBoxHover>.invite{position:absolute;margin-top:65%;margin-left:5%;color:hsla(0,0%,100%,.918);z-index:3;display:flex;align-items:center;font-size:10px;transition:.4s;opacity:0}.roomBoxMain>.roomBoxHover>.invite>img{width:12px;height:12px;margin-right:5px;-webkit-filter:brightness(.6);filter:brightness(.6);transition:.4s}.loadingPageMain{background-color:#f56c35;overflow:hidden;display:flex;align-items:center;justify-content:center}.loadingPageMain,.loadingPageMain>.loadingPage{position:absolute;top:0;width:100vw;height:100vh;z-index:9999}.loadingPageMain>.loadingPage{-webkit-transform:rotate(-45deg) translateZ(0);transform:rotate(-45deg) translateZ(0)}.loadingPageMain>.loadingPage .loadingBody{position:absolute;top:50%;margin-left:-50px;left:50%;-webkit-animation:speeder .4s linear infinite;animation:speeder .4s linear infinite}.loadingPageMain>.loadingPage .loadingBody>span{height:5px;width:35px;background:#000;position:absolute;top:-19px;left:60px;border-radius:2px 10px 1px 0}.loadingPageMain>.loadingPage .loadingBody>.base span{position:absolute;width:0;height:0;border-top:6px solid transparent;border-right:100px solid #000;border-bottom:6px solid transparent}.loadingPageMain>.loadingPage .loadingBody>.base span:before{content:"";height:22px;width:22px;border-radius:50%;background:#000;position:absolute;right:-110px;top:-16px}.loadingPageMain>.loadingPage .loadingBody>.base span:after{content:"";position:absolute;width:0;height:0;border-top:0 solid transparent;border-right:55px solid #000;border-bottom:16px solid transparent;top:-16px;right:-98px}.loadingPageMain>.loadingPage .loadingBody>.base>.face{position:absolute;height:12px;width:20px;background:#000;border-radius:20px 20px 0 0;-webkit-transform:rotate(-40deg);transform:rotate(-40deg);right:-125px;top:-15px}.loadingPageMain>.loadingPage .loadingBody>.base>.face:after{content:"";height:12px;width:12px;background:#000;right:4px;top:7px;position:absolute;-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;border-radius:0 0 0 2px}.loadingPageMain>.loadingPage .loadingBody>span>span:first-child,.loadingPageMain>.loadingPage .loadingBody>span>span:nth-child(2),.loadingPageMain>.loadingPage .loadingBody>span>span:nth-child(3),.loadingPageMain>.loadingPage .loadingBody>span>span:nth-child(4){width:30px;height:1px;background:#000;position:absolute;-webkit-animation:fazer1 .2s linear infinite;animation:fazer1 .2s linear infinite}.loadingPageMain>.loadingPage .loadingBody>span>span:nth-child(2){top:3px;-webkit-animation:fazer2 .4s linear infinite;animation:fazer2 .4s linear infinite}.loadingPageMain>.loadingPage .loadingBody>span>span:nth-child(3){top:1px;-webkit-animation:fazer3 .4s linear infinite;animation:fazer3 .4s linear infinite;-webkit-animation-delay:-1s;animation-delay:-1s}.loadingPageMain>.loadingPage .loadingBody>span>span:nth-child(4){top:4px;-webkit-animation:fazer4 1s linear infinite;animation:fazer4 1s linear infinite;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes fazer1{0%{left:0}to{left:-80px;opacity:0}}@keyframes fazer1{0%{left:0}to{left:-80px;opacity:0}}@-webkit-keyframes fazer2{0%{left:0}to{left:-100px;opacity:0}}@keyframes fazer2{0%{left:0}to{left:-100px;opacity:0}}@-webkit-keyframes fazer3{0%{left:0}to{left:-50px;opacity:0}}@keyframes fazer3{0%{left:0}to{left:-50px;opacity:0}}@-webkit-keyframes fazer4{0%{left:0}to{left:-150px;opacity:0}}@keyframes fazer4{0%{left:0}to{left:-150px;opacity:0}}@-webkit-keyframes speeder{0%{-webkit-transform:translate(2px,1px) rotate(0deg);transform:translate(2px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-3px) rotate(-1deg);transform:translate(-1px,-3px) rotate(-1deg)}20%{-webkit-transform:translate(-2px) rotate(1deg);transform:translate(-2px) rotate(1deg)}30%{-webkit-transform:translate(1px,2px) rotate(0deg);transform:translate(1px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,3px) rotate(-1deg);transform:translate(-1px,3px) rotate(-1deg)}60%{-webkit-transform:translate(-1px,1px) rotate(0deg);transform:translate(-1px,1px) rotate(0deg)}70%{-webkit-transform:translate(3px,1px) rotate(-1deg);transform:translate(3px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-2px,-1px) rotate(1deg);transform:translate(-2px,-1px) rotate(1deg)}90%{-webkit-transform:translate(2px,1px) rotate(0deg);transform:translate(2px,1px) rotate(0deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}@keyframes speeder{0%{-webkit-transform:translate(2px,1px) rotate(0deg);transform:translate(2px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-3px) rotate(-1deg);transform:translate(-1px,-3px) rotate(-1deg)}20%{-webkit-transform:translate(-2px) rotate(1deg);transform:translate(-2px) rotate(1deg)}30%{-webkit-transform:translate(1px,2px) rotate(0deg);transform:translate(1px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,3px) rotate(-1deg);transform:translate(-1px,3px) rotate(-1deg)}60%{-webkit-transform:translate(-1px,1px) rotate(0deg);transform:translate(-1px,1px) rotate(0deg)}70%{-webkit-transform:translate(3px,1px) rotate(-1deg);transform:translate(3px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-2px,-1px) rotate(1deg);transform:translate(-2px,-1px) rotate(1deg)}90%{-webkit-transform:translate(2px,1px) rotate(0deg);transform:translate(2px,1px) rotate(0deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}.loadingPageMain>.loadingPage .longfazers{position:absolute;width:100%;height:100%}.loadingPageMain>.loadingPage .longfazers span{position:absolute;height:2px;width:20%;background:#000}.loadingPageMain>.loadingPage .longfazers span:first-child{top:20%;-webkit-animation:lf .6s linear infinite;animation:lf .6s linear infinite;-webkit-animation-delay:-5s;animation-delay:-5s}.loadingPageMain>.loadingPage .longfazers span:nth-child(2){top:40%;-webkit-animation:lf2 .8s linear infinite;animation:lf2 .8s linear infinite;-webkit-animation-delay:-1s;animation-delay:-1s}.loadingPageMain>.loadingPage .longfazers span:nth-child(3){top:60%;-webkit-animation:lf3 .6s linear infinite;animation:lf3 .6s linear infinite}.loadingPageMain>.loadingPage .longfazers span:nth-child(4){top:80%;-webkit-animation:lf4 .5s linear infinite;animation:lf4 .5s linear infinite;-webkit-animation-delay:-3s;animation-delay:-3s}@-webkit-keyframes lf{0%{left:200%}to{left:-200%;opacity:0}}@keyframes lf{0%{left:200%}to{left:-200%;opacity:0}}@-webkit-keyframes lf2{0%{left:200%}to{left:-200%;opacity:0}}@keyframes lf2{0%{left:200%}to{left:-200%;opacity:0}}@-webkit-keyframes lf3{0%{left:200%}to{left:-100%;opacity:0}}@keyframes lf3{0%{left:200%}to{left:-100%;opacity:0}}@-webkit-keyframes lf4{0%{left:200%}to{left:-100%;opacity:0}}@keyframes lf4{0%{left:200%}to{left:-100%;opacity:0}}.loadingPageMain>h1{position:absolute;font-family:"Open Sans";font-weight:600;font-size:12px;text-transform:uppercase;top:58%;margin-left:-20px}.mainLoaded{position:absolute;background-color:hsla(0,0%,100%,0);-webkit-animation:mainColor 1.5s ease-in-out;animation:mainColor 1.5s ease-in-out}.mainLoaded>.loadingLoaded{-webkit-transform:rotate(-45deg) translate3d(500%,-20%,0);transform:rotate(-45deg) translate3d(500%,-20%,0);transition:.5s ease-in-out}@-webkit-keyframes mainColor{0%{background-color:#f56c35}30%{background-color:#fff}to{background-color:hsla(0,0%,100%,0)}}@keyframes mainColor{0%{background-color:#f56c35}30%{background-color:#fff}to{background-color:hsla(0,0%,100%,0)}}.mainLoaded>h1{opacity:0;transition:.2s ease-in-out}.mosaicLoaderMain{position:absolute;width:100vw;height:100vh;display:grid;place-items:center;z-index:9999;background-color:rgba(0,0,0,.6627450980392157)}.mosaicLoaderMain>.mosaicLoader{--cell-size:12px;--cell-spacing:1px;--border-width:1px;--cells:4;--total-size:calc(var(--cells)*(var(--cell-size) + var(--cell-spacing)*2));display:flex;flex-wrap:wrap;width:var(--total-size);height:var(--total-size)}.mosaicLoaderMain>.mosaicLoader>.cell{--cell-color:#fff;flex:0 0 var(--cell-size);margin:var(--cell-spacing);background-color:transparent;box-sizing:border-box;border:var(--border-width) solid var(--cell-color);-webkit-animation:ripple 1.5s ease infinite;animation:ripple 1.5s ease infinite}.mosaicLoaderMain>.mosaicLoader>.cell.d-1{-webkit-animation-delay:.1s;animation-delay:.1s}.mosaicLoaderMain>.mosaicLoader>.cell.d-2{-webkit-animation-delay:.2s;animation-delay:.2s}.mosaicLoaderMain>.mosaicLoader>.cell.d-3{-webkit-animation-delay:.3s;animation-delay:.3s}.mosaicLoaderMain>.mosaicLoader>.cell.d-4{-webkit-animation-delay:.4s;animation-delay:.4s}.mosaicLoaderMain>.mosaicLoader>.cell.d-5{-webkit-animation-delay:.5s;animation-delay:.5s}.mosaicLoaderMain>.mosaicLoader>.cell.d-6{-webkit-animation-delay:.6s;animation-delay:.6s}.mosaicLoaderMain>.mosaicLoader>.cell:first-child{--cell-color:#d4aee0}.mosaicLoaderMain>.mosaicLoader>.cell:nth-child(2){--cell-color:#8975b4}.mosaicLoaderMain>.mosaicLoader>.cell:nth-child(3){--cell-color:#64518a}.mosaicLoaderMain>.mosaicLoader>.cell:nth-child(4){--cell-color:#565190}.mosaicLoaderMain>.mosaicLoader>.cell:nth-child(5){--cell-color:#44abac}.mosaicLoaderMain>.mosaicLoader>.cell:nth-child(6){--cell-color:#2ca7d8}.mosaicLoaderMain>.mosaicLoader>.cell:nth-child(7){--cell-color:#1482ce}.mosaicLoaderMain>.mosaicLoader>.cell:nth-child(8){--cell-color:#05597c}.mosaicLoaderMain>.mosaicLoader>.cell:nth-child(9){--cell-color:#b2dd57}.mosaicLoaderMain>.mosaicLoader>.cell:nth-child(10){--cell-color:#57c443}.mosaicLoaderMain>.mosaicLoader>.cell:nth-child(11){--cell-color:#05b853}.mosaicLoaderMain>.mosaicLoader>.cell:nth-child(12){--cell-color:#19962e}.mosaicLoaderMain>.mosaicLoader>.cell:nth-child(13){--cell-color:#fdc82e}.mosaicLoaderMain>.mosaicLoader>.cell:nth-child(14){--cell-color:#fd9c2e}.mosaicLoaderMain>.mosaicLoader>.cell:nth-child(15){--cell-color:#d5385a}.mosaicLoaderMain>.mosaicLoader>.cell:nth-child(16){--cell-color:#911750}@-webkit-keyframes ripple{0%{background-color:transparent}30%{background-color:var(--cell-color)}60%{background-color:transparent}to{background-color:transparent}}@keyframes ripple{0%{background-color:transparent}30%{background-color:var(--cell-color)}60%{background-color:transparent}to{background-color:transparent}}.chatPage{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.chatPage>.window{flex-grow:1}.widgetImg{width:5px;height:5px;background-color:#000}.my-cursor{width:5px;height:5px;background:red}.loginPage{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;background-color:#080808;position:relative;font-family:"Open Sans",sans-serif;font-weight:400}.loginPage>.background{width:auto;height:100%;position:absolute;top:0;right:0;z-index:1;-webkit-filter:brightness(.5);filter:brightness(.5)}.loginPage>.left{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;z-index:3}.loginPage>.left>.GoogleAuth{height:42px;background-color:#2b3245;border:1px solid #4e5569;box-shadow:0 3px 8px hsla(0,0%,45.9%,.5);border-radius:2px;margin-left:25px;display:flex;align-items:center;box-shadow:0 3px 4px 0 rgba(0,0,0,.2);cursor:pointer}.loginPage>.left>.GoogleAuth:hover{box-shadow:0 3px 8px hsla(0,0%,45.9%,.5)}.loginPage>.left>.GoogleAuth>p{color:#f5f9fc;font-size:14px;letter-spacing:.2px;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-weight:700;margin:auto 10px}.loginPage>.left>.GoogleAuth>.icon{width:20px;height:20px;margin-left:5px}.loginPage>.right{display:flex;justify-content:center;align-items:center;z-index:2}.loginPage>.right>.image{width:800px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border:3px solid #2b3245;border-radius:10px;overflow:hidden;z-index:1}.loginPage>.right>.image>img{width:800px;height:auto}@media screen and (max-width:900px){.loginPage{flex-direction:column;justify-content:center;background-color:#262626}.loginPage>.right{position:absolute;top:0;width:100%;height:100%}.loginPage>.right>.image{width:-webkit-max-content;width:max-content;height:100%}.loginPage>.right>.image>img{width:auto;height:100%;-webkit-transform:translate(-80px);transform:translate(-80px);-webkit-filter:opacity(.2);filter:opacity(.2)}}.multiCursor{width:300px;height:300px;display:flex;justify-content:space-evenly;flex-direction:column}.multiCursor>.line{position:relative;border:2px solid hsla(0,0%,53.7%,.21176470588235294);height:30px;border-radius:8px;margin-left:25px;background:hsla(0,0%,40.8%,.25098039215686274)}.multiCursor>.line>.widget{position:absolute;top:-20px;width:50px;height:40px;display:flex;justify-content:center;font-size:13px;font-weight:500;color:#fff;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-clip-path:polygon(0 100%,0 0,60% 0,100% 0,100% 46%,12% 47%,12% 100%);clip-path:polygon(0 100%,0 0,60% 0,100% 0,100% 46%,12% 47%,12% 100%)}.multiCursor>.line>.widget1{background:#d13553;right:-40px}.multiCursor>.line>.widget2{background:#39cfcf;-webkit-animation:widget2 8s cubic-bezier(.32,.15,.89,1.08) infinite;animation:widget2 8s cubic-bezier(.32,.15,.89,1.08) infinite;left:auto!important;right:-40px!important}.multiCursor>.line>.widget3{background:#3dc961;-webkit-animation:widget3 9s cubic-bezier(.32,.15,.89,1.08) infinite;animation:widget3 9s cubic-bezier(.32,.15,.89,1.08) infinite}.multiCursor>.line>.widget4{background:pink;visibility:hidden}.multiCursor>.line>.widget5{background:#39cfcf;visibility:hidden;right:-40px;-webkit-animation:widget5 8s cubic-bezier(.32,.15,.89,1.08) infinite;animation:widget5 8s cubic-bezier(.32,.15,.89,1.08) infinite}@-webkit-keyframes widget2{0%{visibility:hidden}2%{visibility:hidden}3%{visibility:visible}22%{visibility:visible}23%{visibility:hidden}57%{visibility:hidden}58%{visibility:visible}79%{visibility:visible}80%{visibility:hidden}to{visibility:hidden}}@keyframes widget2{0%{visibility:hidden}2%{visibility:hidden}3%{visibility:visible}22%{visibility:visible}23%{visibility:hidden}57%{visibility:hidden}58%{visibility:visible}79%{visibility:visible}80%{visibility:hidden}to{visibility:hidden}}@-webkit-keyframes widget3{0%{left:auto;right:40px}34%{left:auto;right:40px}35%{left:10px;right:auto}60%{left:auto;right:-40px}85%{left:auto;right:-40px}90%{left:auto;right:-40px}95%{left:auto;right:40px}to{left:auto;right:40px}}@keyframes widget3{0%{left:auto;right:40px}34%{left:auto;right:40px}35%{left:10px;right:auto}60%{left:auto;right:-40px}85%{left:auto;right:-40px}90%{left:auto;right:-40px}95%{left:auto;right:40px}to{left:auto;right:40px}}@-webkit-keyframes widget5{0%{visibility:hidden}22%{visibility:hidden}23%{visibility:visible}57%{visibility:visible}58%{visibility:hidden}79%{visibility:hidden}80%{visibility:visible}99%{visibility:hidden}to{visibility:hidden}}@keyframes widget5{0%{visibility:hidden}22%{visibility:hidden}23%{visibility:visible}57%{visibility:visible}58%{visibility:hidden}79%{visibility:hidden}80%{visibility:visible}99%{visibility:hidden}to{visibility:hidden}}.multiCursor>.line1{width:50px;-webkit-animation:line1 5s cubic-bezier(.32,.15,.89,1.08) 4s infinite;animation:line1 5s cubic-bezier(.32,.15,.89,1.08) 4s infinite}.multiCursor>.line2{width:150px;-webkit-animation:line2 8s cubic-bezier(.32,.15,.89,1.08) infinite;animation:line2 8s cubic-bezier(.32,.15,.89,1.08) infinite}.multiCursor>.line3{width:200px;-webkit-animation:line3 9s cubic-bezier(.32,.15,.89,1.08) infinite;animation:line3 9s cubic-bezier(.32,.15,.89,1.08) infinite}.multiCursor>.line4{width:180px}.multiCursor>.line5{width:40px;-webkit-animation:line5 8s cubic-bezier(.32,.15,.89,1.08) infinite;animation:line5 8s cubic-bezier(.32,.15,.89,1.08) infinite}@-webkit-keyframes line1{0%{width:60px}30%{width:250px}50%{width:250px}70%{width:60px}to{width:60px}}@keyframes line1{0%{width:60px}30%{width:250px}50%{width:250px}70%{width:60px}to{width:60px}}@-webkit-keyframes line2{0%{width:150px}5%{width:150px}20%{width:70px}60%{width:70px}78%{width:150px}to{width:150px}}@keyframes line2{0%{width:150px}5%{width:150px}20%{width:70px}60%{width:70px}78%{width:150px}to{width:150px}}@-webkit-keyframes line3{0%{width:230px}25%{width:100px}35%{width:100px}45%{width:20px}60%{width:20px}85%{width:230px}to{width:230px}}@keyframes line3{0%{width:230px}25%{width:100px}35%{width:100px}45%{width:20px}60%{width:20px}85%{width:230px}to{width:230px}}@-webkit-keyframes line5{0%{width:40px}25%{width:40px}55%{width:240px}82%{width:240px}98%{width:40px}}@keyframes line5{0%{width:40px}25%{width:40px}55%{width:240px}82%{width:240px}98%{width:40px}}
/*# sourceMappingURL=main.634209fe.chunk.css.map */