body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-animation:colorChange 20s infinite;animation:colorChange 20s infinite;background-color:#dbdbdb;color:#fff;font-family:BATT;margin:0}.wrap{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-around;margin:0 auto;max-width:1200px;padding-top:4rem;width:95%}.cl-internal-17ydaof{align-items:stretch;background:#dbdbdb;border:1px solid transparent;border-radius:1rem;border-radius:44px;box-shadow:-9px 9px 18px #bababa,9px -9px 18px #fcfcfc;box-sizing:inherit;display:flex;flex-flow:column;font-family:kit-rounded-variable,sans-serif;font-variation-settings:"wght" 500;gap:2rem;justify-content:flex-start;margin:0 1.75rem;max-width:calc(100vw - 5rem);padding:2.375rem 2rem 3rem;transition-duration:.2s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,-webkit-transform;width:25rem;will-change:transform,opacity,height}.cl-internal-phfxlr{align-items:center;display:flex;justify-content:center;margin-top:5rem;width:100%}.cl-internal-b3fm6y{display:none}.cl-internal-q966dm{background:#dbdbdb;border-radius:44px;box-shadow:-9px 9px 18px #bababa,9px -9px 18px #fcfcfc}.cl-internal-mdg29y{background:#dbdbdb;border-radius:44px;box-shadow:inset -9px 9px 18px #bababa,inset 9px -9px 18px #fcfcfc;color:#5c667e}.cl-internal-1fsg6zy{border-radius:44px}.cl-internal-1fsg6zy,.cl-internal-1fsg6zy:active{box-shadow:-9px 9px 18px #bababa,9px -9px 18px #fcfcfc}.cl-internal-1icenji{background:#dbdbdb;border-radius:44px;box-shadow:inset -9px 9px 18px #bababa,inset 9px -9px 18px #fcfcfc;color:#5c667e}.cl-internal-nzv1hj{border-bottom-left-radius:44px;border-top-left-radius:44px}.cl-internal-omxbjf{background:#dbdbdb;border-bottom-right-radius:44px;border-top-right-radius:44px;box-shadow:inset -9px 9px 18px #bababa,inset 9px -9px 18px #fcfcfc}.background{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.code-illustration{-webkit-animation:code-falling 5s linear infinite;animation:code-falling 5s linear infinite;border-radius:50%;-webkit-clip-path:polygon(50% 0,61.8% 38.2%,100% 50%,61.8% 61.8%,50% 100%,38.2% 61.8%,0 50%,38.2% 38.2%);clip-path:polygon(50% 0,61.8% 38.2%,100% 50%,61.8% 61.8%,50% 100%,38.2% 61.8%,0 50%,38.2% 38.2%);height:1.3rem;opacity:.7;position:absolute;-webkit-transform:translateY(-50px);transform:translateY(-50px);width:1.3rem;z-index:-1}@-webkit-keyframes code-falling{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{-webkit-transform:translateY(calc(100vh + 50px));transform:translateY(calc(100vh + 50px))}}@keyframes code-falling{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{-webkit-transform:translateY(calc(100vh + 50px));transform:translateY(calc(100vh + 50px))}}.room__list{flex-direction:column;font-family:kit-rounded-variable,sans-serif;font-variation-settings:"wght" 500;gap:.3rem;height:100%;justify-content:flex-start;margin-top:10px;max-height:100%;max-width:40rem;overflow-y:scroll;width:100%}.room__list,.room__list__item{align-items:center;display:flex}.room__list__item{border-radius:44px;box-shadow:-9px 9px 18px #bababa,9px -9px 18px #fcfcfc;color:#5c667e;justify-content:space-between;margin-bottom:1rem;margin-top:1rem;padding:1rem;width:70%}.button__container{margin-right:1rem}.button__container-join{background:#dbdbdb;background-color:rgba(198,138,229,.541);border:none;border-radius:10px;border-radius:44px;box-shadow:-9px 9px 18px #bababa,9px -9px 18px #fcfcfc;color:#fff;font-family:kit-rounded-variable,sans-serif;font-size:1rem;font-variation-settings:"wght" 500;font-weight:600;height:2rem;justify-content:center;width:4rem}.button__container-join:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.button__container-join:active{background:#c5c5c5;box-shadow:inset -6px 6px 12px #bababa,inset 6px -6px 12px #fcfcfc;-webkit-transform:scale(1);transform:scale(1)}.button__container-input{align-content:center;align-items:center;background:#dbdbdb;background-color:rgba(76,134,222,.659);border:none;border-radius:10px;border-radius:44px;box-shadow:-9px 9px 18px #bababa,9px -9px 18px #fcfcfc;color:#fff;font-family:kit-rounded-variable,sans-serif;font-size:1rem;font-variation-settings:"wght" 500;font-weight:600;height:2rem;justify-content:center;width:5rem}.button__container-input:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.button__container-input:active{background:#c5c5c5;box-shadow:inset -6px 6px 12px #bababa,inset 6px -6px 12px #fcfcfc;-webkit-transform:scale(1);transform:scale(1)}.room__page__list{border-radius:44px;flex:1 1;flex-direction:column;gap:.3rem;height:63vh;margin:4rem auto 0;max-width:40rem;overflow-y:scroll;padding:2.5rem 1.25rem}.room__page__list,.room__page__list-button{align-items:center;background:#dbdbdb;box-shadow:-9px 9px 18px #bababa,9px -9px 18px #fcfcfc;display:flex;justify-content:center;width:100%}.room__page__list-button{align-content:center;border:none;border-radius:10px;border-radius:44px;color:#5c667e;flex-direction:column-reverse;font-family:kit-rounded-variable,sans-serif;font-size:1rem;font-variation-settings:"wght" 500;font-weight:600;height:5rem;margin-bottom:1rem;text-decoration:none;width:10rem}.room__page__list-button:hover{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right top,#dfd1db,#f4a0bc,#9474e7,#a9a9a9,#e58be0);color:transparent;-webkit-transform:scale(1.2);transform:scale(1.2)}.room__page__list-button:active{background:#c5c5c5;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right top,#dfd1db,#f4a0bc,#9474e7,#a9a9a9,#e58be0);box-shadow:inset -6px 6px 12px #bababa,inset 6px -6px 12px #fcfcfc;color:transparent;-webkit-transform:scale(1);transform:scale(1)}.room__page__list-input{background:#dbdbdb;border:none;border-radius:44px;box-shadow:inset -9px 9px 18px #bababa,inset 9px -9px 18px #fcfcfc;color:#5c667e;font-family:kit-rounded-variable,sans-serif;font-variation-settings:"wght" 500;height:4rem;margin:1.5rem;outline:none;padding-left:1rem;padding-right:1rem;width:50%}.room__page__list-input::-webkit-input-placeholder{color:#a9a9a9;font-family:kit-rounded-variable,sans-serif;font-size:bold;font-variation-settings:"wght" 500}.room__page__list-input::placeholder{color:#a9a9a9;font-family:kit-rounded-variable,sans-serif;font-size:bold;font-variation-settings:"wght" 500}.text__error{color:red;font-family:kit-rounded-variable,sans-serif;font-size:1rem;font-variation-settings:"wght" 500}.header{align-content:center;align-items:center;border-radius:10px;display:flex;flex-direction:column-reverse;justify-content:center;padding-top:2rem;width:100%}.header__links{justify-content:space-between;padding-bottom:2.5rem;width:22rem}.header__links,.header__links-home{align-items:center;color:#fff;display:flex}.header__links-home{border-radius:20px;border-radius:10px;box-shadow:0 4px 10px #fff;font-family:kit-rounded-variable,sans-serif;font-size:1rem;font-variation-settings:"wght" 500;font-weight:600;height:3rem;justify-content:center;text-decoration:none;width:6rem}.header__links-home:after{bottom:0;box-shadow:0 0 15px hsla(0,0%,100%,.5);content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out}.header__links-home:hover:after{opacity:1}.header__links-home:hover{border-radius:10px;color:#e58be0;-webkit-transform:scale(1.2);transform:scale(1.2)}.header__links-profile{align-items:center;background:#dbdbdb;border-radius:44px;box-shadow:-9px 9px 18px #bababa,9px -9px 18px #fcfcfc;color:#5c667e;display:flex;font-family:kit-rounded-variable,sans-serif;font-size:1rem;font-variation-settings:"wght" 500;font-weight:600;height:3rem;justify-content:center;text-decoration:none;transition:box-shadow .2s,background .2s,-webkit-transform .2s;transition:box-shadow .2s,background .2s,transform .2s;transition:box-shadow .2s,background .2s,transform .2s,-webkit-transform .2s;width:6rem}.header__links-profile:hover{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right top,#dfd1db,#f4a0bc,#9474e7,#a9a9a9,#e58be0);color:transparent;-webkit-transform:scale(1.2);transform:scale(1.2)}.header__links-profile:active{background:#c5c5c5;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right top,#dfd1db,#f4a0bc,#9474e7,#a9a9a9,#e58be0);box-shadow:inset -6px 6px 12px #bababa,inset 6px -6px 12px #fcfcfc;color:transparent;-webkit-transform:scale(1);transform:scale(1)}.header__title{-webkit-backdrop-filter:blur(9.4px);background:#dbdbdb;background-image:linear-gradient(to right top,#4c86de,#7c88e4,#a389e7,#c68ae5,#e58be0);border-radius:44px;box-shadow:-21px 21px 18px #bababa,26px -26px 29px #fcfcfc;color:#fff;font-size:5rem;font-weight:400;letter-spacing:.05rem;line-height:6rem;padding:2rem;transition:color .3s ease-in-out}.header__title:hover{border-radius:44px;color:#f4f5f0;-webkit-transform:scale(1.2);transform:scale(1.2)}.sign__out{align-items:center;background:#dbdbdb;border:none;border-radius:44px;box-shadow:-9px 9px 18px #bababa,9px -9px 18px #fcfcfc;color:#5c667e;display:flex;font-family:kit-rounded-variable,sans-serif;font-size:1rem;font-variation-settings:"wght" 500;font-weight:600;height:3rem;justify-content:center;text-decoration:none;transition:box-shadow .2s,background .2s,-webkit-transform .2s;transition:box-shadow .2s,background .2s,transform .2s;transition:box-shadow .2s,background .2s,transform .2s,-webkit-transform .2s;width:6rem}.sign__out:hover{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right top,#dfd1db,#f4a0bc,#9474e7,#a9a9a9,#e58be0);color:transparent;-webkit-transform:scale(1.2);transform:scale(1.2)}.sign__out:active{background:#c5c5c5;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right top,#dfd1db,#f4a0bc,#9474e7,#a9a9a9,#e58be0);box-shadow:inset -6px 6px 12px #bababa,inset 6px -6px 12px #fcfcfc;color:transparent;-webkit-transform:scale(1);transform:scale(1)}.ReactCrop{cursor:crosshair;display:inline-block;max-width:100%;overflow:hidden;position:relative}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-height:inherit;max-width:100%}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-selection{-webkit-box-shadow:0 0 0 9999em #00000080;box-shadow:0 0 0 9999em #00000080;cursor:move;left:0;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:-o-linear-gradient(left,#fff 50%,#444 50%),-o-linear-gradient(left,#fff 50%,#444 50%),-o-linear-gradient(top,#fff 50%,#444 50%),-o-linear-gradient(top,#fff 50%,#444 50%);background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;color:#fff}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}.ReactCrop__crop-selection:focus{border-color:#00f;border-style:solid;outline:none}.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:"";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute}.ReactCrop__drag-handle:after{background-color:#0003;border:1px solid hsla(0,0%,100%,.7);content:"";display:block;height:10px;outline:1px solid transparent;position:absolute;width:10px}.ReactCrop__drag-handle:focus:after{background:#2dbfff;border-color:#00f}.ReactCrop .ord-nw{cursor:nw-resize;left:0;margin-left:-5px;margin-top:-5px;top:0}.ReactCrop .ord-nw:after{left:0;top:0}.ReactCrop .ord-n{cursor:n-resize;left:50%;margin-left:-5px;margin-top:-5px;top:0}.ReactCrop .ord-n:after{top:0}.ReactCrop .ord-ne{cursor:ne-resize;margin-right:-5px;margin-top:-5px;right:0;top:0}.ReactCrop .ord-ne:after{right:0;top:0}.ReactCrop .ord-e{cursor:e-resize;margin-right:-5px;margin-top:-5px;right:0;top:50%}.ReactCrop .ord-e:after{right:0}.ReactCrop .ord-se{bottom:0;cursor:se-resize;margin-bottom:-5px;margin-right:-5px;right:0}.ReactCrop .ord-se:after{bottom:0;right:0}.ReactCrop .ord-s{bottom:0;cursor:s-resize;left:50%;margin-bottom:-5px;margin-left:-5px}.ReactCrop .ord-s:after{bottom:0}.ReactCrop .ord-sw{bottom:0;cursor:sw-resize;left:0;margin-bottom:-5px;margin-left:-5px}.ReactCrop .ord-sw:after{bottom:0;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;margin-left:-5px;margin-top:-5px;top:50%}.ReactCrop .ord-w:after{left:0}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;left:0;margin-top:-3px;top:0;width:100%}.ReactCrop__drag-bar.ord-e{height:100%;margin-right:-3px;right:0;top:0;width:6px}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;left:0;margin-bottom:-3px;width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;margin-left:-3px;top:0;width:6px}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:24px;width:24px}}.profile{align-items:center;background:#dbdbdb;border-radius:10px;border-radius:44px;box-shadow:-9px 9px 18px #bababa,9px -9px 18px #fcfcfc;display:flex;flex-direction:column;gap:.3rem;height:63vh;justify-content:center;margin:4rem auto 0;max-width:40rem;padding:2.5rem 1.25rem;width:100%}.profile__title{color:#fff;font-family:kit-rounded-variable,sans-serif;font-size:2.5rem;font-variation-settings:"wght" 500;margin-bottom:2rem;text-align:center}.profile__form,.profile__image-container{align-items:center;display:flex;flex-direction:column}.profile__form{gap:1rem;width:100%}.profile__avatar{border:3px solid #fff;border-radius:50%;cursor:pointer;height:120px;margin-bottom:1rem;object-fit:cover;width:120px}.profile__input--file{display:none}.profile__input--email,.profile__input--text{border:none;border-radius:44px;box-shadow:inset -9px 9px 18px #bababa,inset 9px -9px 18px #fcfcfc;font-variation-settings:"wght" 500;height:45px;outline:none;padding-left:1rem;padding-right:1rem;width:100%}.profile__button,.profile__input--email,.profile__input--text{background:#dbdbdb;font-family:kit-rounded-variable,sans-serif}.profile__button{align-content:center;align-items:center;border:none;border-radius:10px;border-radius:44px;box-shadow:-9px 9px 18px #bababa,9px -9px 18px #fcfcfc;color:#a9a9a9;font-size:1rem;font-variation-settings:"wght" 500;height:4rem;justify-content:center;margin-top:2rem;width:8rem}.profile__button--upload{margin-bottom:1rem}.modal-backdrop{align-items:center;background-color:rgba(35,41,64,.757);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9}.modal__auth{background-color:#101820;bottom:0;height:50%;left:0;margin:auto;position:fixed;right:0;top:0;z-index:10}.modal__auth-hello{border-bottom:3px solid #fff;font-size:5rem;font-weight:400;letter-spacing:.05rem;line-height:6rem;padding-top:3rem}@media screen and (min-width:768px){.modal__auth{border-radius:.25rem;height:50%;width:100%}}.modal__auth-close{justify-content:flex-end;margin-right:1rem}.modal__auth-box{display:flex;justify-content:flex-end;width:100%}.modal__auth-container{align-items:center;display:flex;flex-direction:column;height:50%;justify-content:space-between;padding-left:1.5rem;padding-right:1.5rem;width:100%}@media screen and (min-width:768px){.modal__auth-container{height:60%;padding-left:3rem;padding-right:3rem}}.modal__auth-title{font-size:1.75rem;font-weight:600;line-height:2.25rem;padding-bottom:1rem}@media screen and (min-width:768px){.modal__auth-title{font-size:2rem;font-weight:600;line-height:2.5rem}}.modal__auth-text{font-size:.8125rem;font-weight:400;line-height:1.25rem}@media screen and (min-width:768px){.modal__auth-text{font-size:.875rem;font-weight:400;line-height:1.375rem}}.modal__auth__button__container{display:flex;flex-direction:row;justify-content:center;margin:0 auto;padding:3rem}@media screen and (min-width:768px){.modal__auth__button__container{justify-content:center;padding-left:3rem;padding-right:3rem}}.modal__auth__button__container-action{background-color:#fff;border:1px solid #dbdbdb;border-radius:1.25rem;color:#5c667e;font-size:.8125rem;font-weight:600;height:2.25rem;line-height:1.25rem;padding-left:1rem;padding-right:1rem;width:8.5rem}@media screen and (min-width:768px){.modal__auth__button__container-action{font-size:.875rem;font-weight:600;line-height:1.375rem;width:12.5rem}}.join__room__root{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1rem auto;max-width:40rem;padding:2rem;width:100%}.join__room__root__title{font-family:kit-rounded-variable,sans-serif;font-size:2rem;font-variation-settings:"wght" 500}.join__room{background:#dbdbdb;border-radius:10px;border-radius:44px;box-shadow:-9px 9px 18px #bababa,9px -9px 18px #fcfcfc;display:flex;flex-direction:column;gap:.3rem;height:36rem;margin-top:1rem;max-width:40rem;padding:2.5rem 1.25rem;width:100%}.join__room__w{background:#dbdbdb;box-shadow:inset -9px 9px 18px #bababa,inset 9px -9px 18px #fcfcfc;font-family:kit-rounded-variable,sans-serif;font-variation-settings:"wght" 500;height:45px;padding-left:1rem;padding-right:1rem}.join__room__w,.join__room__w__button{border:none;border-radius:44px;outline:none;width:100%}.join__room__w__button{background:linear-gradient(225deg,#eaeaea,#c5c5c5);-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right top,#4c86de,#7c88e4,#a389e7,#c68ae5,#e58be0);box-shadow:-9px 9px 18px #bababa,9px -9px 18px #fcfcfc;color:#a9a9a9;color:transparent;font-family:BATT;font-size:3rem;font-weight:400;height:5rem;letter-spacing:.05rem;line-height:4rem;margin-top:auto;transition:box-shadow .2s,background .2s}.join__room__w__button:active{background:linear-gradient(225deg,#c5c5c5,#eaeaea);background-image:linear-gradient(to right top,#4c86de,#7c88e4,#a389e7,#c68ae5,#e58be0);box-shadow:inset -6px 6px 12px #bababa,inset 6px -6px 12px #fcfcfc;color:#fff}.join__room__w__button.active{color:#fa8057}.label_room,.label_room-name{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right top,#4c86de,#7c88e4,#a389e7,#c68ae5,#e58be0);color:transparent;font-size:3rem;font-weight:400;letter-spacing:.05rem;line-height:4rem;margin-bottom:1.2rem;text-align:start}.label_room{margin-top:3.5rem}.join input,.join select{padding:0 10px}.join input::-webkit-input-placeholder,.join select::-webkit-input-placeholder{color:#8b8d92}.join input::placeholder,.join select::placeholder{color:#8b8d92}.join button:hover{background-color:inherit}.join button:active{background-color:#c9cddc}.video,video{border-radius:10px}video{border-radius:44px;height:100%;object-fit:cover;width:100%}.video{height:auto;width:calc(50% - 10px)}.broadcaster{color:#a9a9a9;font-size:3rem}.stream{align-items:center;border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;height:45rem;justify-content:center;overflow:hidden;width:100%}.stream__tile{height:100%;width:100%}.message{max-width:90%;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message span{color:#bfc4c7;font-size:12px}.message p{background-color:#e3e4e8;border-radius:10px;font-size:14px;margin-bottom:5px;overflow:hidden;padding:5px 10px}.myMessage{margin-left:auto;text-align:right}.myMessage p{background-color:#e58be0;color:#232940}.rightBox{background:#dbdbdb;border-radius:10px;border-radius:44px;box-shadow:-9px 9px 18px #bababa,9px -9px 18px #fcfcfc;color:#5c667e;font-family:kit-rounded-variable,sans-serif;font-variation-settings:"wght" 500;min-width:250px;padding:1.5rem 1rem;width:30%}.rightBox__optionView{height:100%}.rightBox__head{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;text-align:left;width:100%}.rightBox__head .selected{color:#4c86de}.rightBox__head span{color:#5c667e;cursor:pointer;font-weight:700}.rightBox__head span:first-child{margin-right:10px}.rightBox__chats{ms-overflow-style:none;height:calc(100% - 60px);overflow:scroll;padding:10px 0;scrollbar-width:none}.rightBox__chats::-webkit-scrollbar{display:none}.rightBox__optionView form input{background-color:#f4f5f0;border:none;border-radius:44px;box-sizing:border-box;height:40px;padding:0 10px;width:100%}.rightBox__optionView form input:focus{outline:none}.rightBox__participants{height:100%;overflow:scroll;padding:44px 0;scrollbar-width:none}.rightBox__participants::-webkit-scrollbar{display:none}.rightBox__participant{background-color:#e9ebef;border-radius:44px;margin-bottom:10px;padding:10px;text-align:left}.rightBox__participant p{font-size:14px}.send__message,.send__message__placeholder{color:#101820}.send__message__emoji{background-color:#f4f5f0;flex-direction:row;justify-content:center}.controls,.send__message__emoji{align-items:center;border-radius:44px;display:flex}.controls{background:#dbdbdb;box-shadow:-9px 9px 18px #bababa,9px -9px 18px #fcfcfc;color:#5c667e;gap:10px;height:80px;justify-content:space-evenly;margin-top:10px;padding:20px 14px;width:100%}.controls__mic{color:#4c86de}.controls__button__live{color:#e58be0}.controls__button__back{background-color:#e58be0}.controls .css-zddlty-MuiButtonBase-root-MuiButton-root{align-items:center;background:#dbdbdb;border-radius:44px;box-shadow:-9px 9px 18px #bababa,9px -9px 18px #fcfcfc;color:#fff;color:#a9a9a9;display:flex;font-family:kit-rounded-variable,sans-serif;font-size:1rem;font-variation-settings:"wght" 500;font-weight:600;height:3rem;justify-content:center;text-decoration:none;transition:box-shadow .2s,background .2s,-webkit-transform .2s;transition:box-shadow .2s,background .2s,transform .2s;transition:box-shadow .2s,background .2s,transform .2s,-webkit-transform .2s;width:8rem}.controls .MuiButton-root{color:#5c667e;font-family:kit-rounded-variable,sans-serif;font-size:.8rem;font-variation-settings:"wght" 500}.controls .MuiButton-root .MuiSvgIcon-root{color:#e58be0;margin-right:5px}.controls .MuiButton-root img{height:20px;margin-left:5px;width:20px}.controls .mui__button{align-items:center;background:#dbdbdb;border-radius:44px;box-shadow:-9px 9px 18px #bababa,9px -9px 18px #fcfcfc;color:#fff;color:#a9a9a9;display:flex;font-size:1rem;font-variation-settings:"wght" 500;font-weight:600;height:3rem;justify-content:center;text-decoration:none;transition:box-shadow .2s,background .2s,-webkit-transform .2s;transition:box-shadow .2s,background .2s,transform .2s;transition:box-shadow .2s,background .2s,transform .2s,-webkit-transform .2s;width:8rem}.controls .mui__button,.text__label{font-family:kit-rounded-variable,sans-serif}.text__label{font-variation-settings:"wght" 500}.beat__button{align-content:center;align-items:center;border-radius:10px;display:flex;flex-direction:column-reverse;justify-content:center;padding-top:2rem;width:100%}.beat__button-bg{background:none;border:none}.beat__button-bg,.beat__button-button{color:#5c667e;font-family:kit-rounded-variable,sans-serif;font-size:.8rem;font-variation-settings:"wght" 500}.beat__button-button{align-items:center;background:#dbdbdb;border-radius:44px;box-shadow:-9px 9px 18px #bababa,9px -9px 18px #fcfcfc;display:flex;font-weight:500;height:3rem;justify-content:center;text-decoration:none;transition:box-shadow .2s,background .2s,-webkit-transform .2s;transition:box-shadow .2s,background .2s,transform .2s;transition:box-shadow .2s,background .2s,transform .2s,-webkit-transform .2s;width:10rem}.beat__button-button:hover{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right top,#dfd1db,#f4a0bc,#9474e7,#a9a9a9,#e58be0);color:transparent;-webkit-transform:scale(1.2);transform:scale(1.2)}.beat__button-button:active{background:#c5c5c5;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right top,#dfd1db,#f4a0bc,#9474e7,#a9a9a9,#e58be0);box-shadow:inset -6px 6px 12px #bababa,inset 6px -6px 12px #fcfcfc;color:transparent;-webkit-transform:scale(1);transform:scale(1)}.room{border-radius:10px;display:flex;gap:10px;height:100%;margin:auto;padding:2rem;width:95vw}.room__stream-space{height:100%;width:69%}.room__stream-name{font-size:2rem;font-variation-settings:"wght" 500;padding-top:2rem}.room__button,.room__stream-name{align-items:center;display:flex;font-family:kit-rounded-variable,sans-serif;justify-content:center}.room__button{border-radius:20px;border-radius:10px;box-shadow:0 4px 10px #fff;color:#fff;font-size:1rem;font-variation-settings:"wght" 500;font-weight:600;height:3rem;text-decoration:none;width:6rem}.room__button:after{bottom:0;box-shadow:0 0 15px hsla(0,0%,100%,.5);content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out}.room__button:hover:after{opacity:1}.room__button:hover{border-radius:10px;color:#00ff7f;-webkit-transform:scale(1.2);transform:scale(1.2)}.room__url__links{display:flex;flex-direction:column}.liveStream{align-items:center;border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;height:calc(100% - 90px);justify-content:center;overflow:hidden}@font-face{font-family:BATT;font-style:normal;font-weight:400;src:url(/static/media/BATT_font.50283ff3c8c631cef5af.otf) format("opentype")}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}#root{height:130%;width:100%}.header__row{align-content:center;border-radius:10px;flex-direction:row;padding-left:4.5rem;padding-right:4.5rem;padding-top:2rem;width:100%}.header__row,.header__row__links{align-items:center;display:flex;justify-content:space-between}.header__row__links{color:#fff;width:22rem}.header__row__links-home{align-items:center;border-radius:20px;border-radius:10px;box-shadow:0 4px 10px #fff;color:#fff;display:flex;font-family:kit-rounded-variable,sans-serif;font-size:1rem;font-variation-settings:"wght" 500;font-weight:600;height:3rem;justify-content:center;text-decoration:none;width:6rem}.header__row__links-home:after{bottom:0;box-shadow:0 0 15px hsla(0,0%,100%,.5);content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out}.header__row__links-home:hover:after{opacity:1}.header__row__links-home:hover{border-radius:10px;color:#e58be0;-webkit-transform:scale(1.2);transform:scale(1.2)}.header__row__links-profile{align-items:center;background:#dbdbdb;border-radius:44px;box-shadow:-9px 9px 18px #bababa,9px -9px 18px #fcfcfc;color:#5c667e;display:flex;font-family:kit-rounded-variable,sans-serif;font-size:1rem;font-variation-settings:"wght" 500;font-weight:600;height:3rem;justify-content:center;text-decoration:none;transition:box-shadow .2s,background .2s,-webkit-transform .2s;transition:box-shadow .2s,background .2s,transform .2s;transition:box-shadow .2s,background .2s,transform .2s,-webkit-transform .2s;width:6rem}.header__row__links-profile:hover{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right top,#dfd1db,#f4a0bc,#9474e7,#a9a9a9,#e58be0);color:transparent;-webkit-transform:scale(1.2);transform:scale(1.2)}.header__row__links-profile:active{background:#c5c5c5;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right top,#dfd1db,#f4a0bc,#9474e7,#a9a9a9,#e58be0);box-shadow:inset -6px 6px 12px #bababa,inset 6px -6px 12px #fcfcfc;color:transparent;-webkit-transform:scale(1);transform:scale(1)}.header__row__title{-webkit-backdrop-filter:blur(9.4px);background:#dbdbdb;background-image:linear-gradient(to right top,#4c86de,#7c88e4,#a389e7,#c68ae5,#e58be0);border-radius:44px;box-shadow:-21px 21px 18px #bababa,26px -26px 29px #fcfcfc;color:#fff;font-size:3rem;font-weight:400;letter-spacing:.05rem;line-height:3rem;padding:2rem;transition:color .3s ease-in-out}.header__row__title:hover{border-radius:44px;color:#f4f5f0;-webkit-transform:scale(1.2);transform:scale(1.2)}.footer{height:3rem;width:100%}
/*# sourceMappingURL=main.4a2f01a9.css.map*/