.landing-navbar-wrapper{padding:0 85px;width:100%;height:80px;display:flex;justify-content:center;align-items:center}.landing-navbar{display:flex;width:100%;max-width:1260px}.landing-navbar-logo-wrapper{display:flex;align-items:center;justify-content:center;cursor:pointer}.landing-navbar-center-wrapper{color:#fff;flex:1 1}.landing-navbar-center-wrapper,.landing-navbar-center-wrapper span,.landing-navbar-login-wrapper{display:flex;align-items:center;justify-content:center}.landing-navbar-center-wrapper span{padding:10px;margin-inline:10px;cursor:pointer}.landing-navbar-center-wrapper span:hover{text-decoration:underline}.landing-buttons-wrapper{display:flex;align-items:center;justify-content:center;padding-top:24px;padding-inline:70px;grid-column-gap:24px;-webkit-column-gap:24px;column-gap:24px}.landing-navbar-login-button{background-color:#fff;border-radius:40px;border:none;text-align:center;cursor:pointer;font-size:14px;padding:7px 16px}.landing-01{background-image:url(/static/media/landing-1.cee8c404.svg);background-size:cover;background-position:50%;background-repeat:no-repeat;color:#fff}.landing-01,.landing-wrapper{width:100%;display:flex;justify-content:center;align-items:center;padding:120px 40px}.landing-wrapper{flex-direction:row}.landing-wrapper-01{padding:120px 40px;display:flex;flex-direction:column;align-items:center}.landing-wrapper-01 button{background-color:#5865f2;color:#fff;margin-top:40px;border-radius:40px;border:none;font-size:20px;padding:16px 32px;text-align:center;cursor:pointer}.landing-wrapper-01 h4{font-weight:600;font-size:32px;font-family:"Ginto Normal","Whitney","Helvetica Neue","Helvetica","Arial",sans-serif}.landing-01-download-button{background-color:#fff;color:#000;font-size:20px}.landing-01-download-button,.landing-01-open-button{border-radius:40px;border:none;padding:16px 32px;text-align:center;cursor:pointer;font-weight:500;width:-webkit-max-content;width:max-content}.landing-01-open-button{background-color:#23272a;color:#fff;font-size:18px}.landing-01-header{font-size:64px;font-weight:800;text-align:center;line-height:95%}.landing-01-subheader{margin-top:40px;text-align:center;line-height:1.625;font-size:clamp(16px,2vw,20px);margin-bottom:8px}.footer-wrapper{background-color:#23272a;color:#fff;text-align:center;font-size:12px;width:100%;padding:80px 0 64px;display:flex;justify-content:center;align-items:center}.footer-first-wrapper{padding:0 40px;display:flex;justify-content:space-between;margin-bottom:40px}.footer-links-01{width:250px}.footer-links{width:175px;display:flex;flex-direction:column;align-items:flex-start;padding:10px}.footer-links-01-media{display:flex;align-items:center;justify-content:space-between}.footer-links span{margin-bottom:8px;font-size:16px;line-height:24px;cursor:pointer}.footer-links span:hover{text-decoration:underline}.footer-links h5{color:#5865f2}.footer-second-wrapper{padding:0 40px}.footer-second-wrapper-01{display:flex;align-items:center;justify-content:space-between}.footer-divider{border-bottom:1px solid #5865f2;width:100%;margin-bottom:32px}.footer-second-wrapper-01 button{background-color:#5865f2;color:#fff;border:none;border-radius:40px;font-size:14px;padding:7px 16px;font-weight:600;cursor:pointer}@media only screen and (max-width:1050px){.landing-navbar-wrapper{padding:24px}.landing-navbar{justify-content:space-between}.landing-navbar-center-wrapper{display:none}.landing{flex-direction:column}.landing-buttons-wrapper{flex-direction:column;grid-row-gap:10px;row-gap:10px}}.landing{text-align:left;max-width:1260px;display:flex;grid-column-gap:50px;-webkit-column-gap:50px;column-gap:50px}.landing-content{width:380px}.landing-content h2{font-size:48px;font-weight:700}.landing-content span{font-size:clamp(16px,2vw,20px)}@media only screen and (max-width:900px){.landing-content{width:500px}.landing-content-picture{width:100%;height:auto}.footer-first-wrapper{flex-wrap:wrap}.footer-links-01{width:40vw;margin-right:60px}.landing-wrapper-01{padding:10px 40px 60px}}@media only screen and (max-width:500px){.landing-content{width:100%}.landing-01-header{padding:0 10px}.landing-01-subheader{padding:0 20px;width:100%}.footer-first-wrapper{grid-row-gap:24px;row-gap:24px;grid-column-gap:24px;-webkit-column-gap:24px;column-gap:24px}.footer-links-01{width:100%;margin:0 0 10px}.footer-links{width:100px}.footer-wrapper{padding:20px 0}}*{padding:0;margin:0}.panelWrapper,.panelWrapper-active{height:100%;width:100%;background-color:#ccc;display:flex;flex:auto 1;flex-direction:row;transition:.3s ease-in-out;position:fixed}.panelWrapper{-webkit-transform:scale(.93);transform:scale(.93);opacity:0}.panelWrapper-active{-webkit-transform:scale(1);transform:scale(1);opacity:1}.panel-mobile-wrapper{flex:1 1}@media only screen and (max-width:768px){.panel-mobile-wrapper{position:absolute;display:none;overflow:hidden;flex-direction:column;height:100%;left:0;top:0}.panel-mobile-wrapper.show{position:absolute;display:flex;overflow:hidden;flex-direction:column;flex:1 1;width:100%}}.navbar-wrapper{width:72px;background-color:#202225;overflow-y:scroll;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;display:flex;flex-direction:column}.navbar-wrapper::-webkit-scrollbar{display:none}.navbar-list-item{width:72px;height:48px;padding:0;margin-top:8px;margin-bottom:8px;list-style:none;display:flex;align-items:center;position:relative}.navbar-list-item span{width:0;height:0;position:absolute}.navbarCircle{width:48px;height:48px;border-radius:24px;background-color:#36393f;margin:auto;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#dcddde;font-weight:500;transition:all .1s;overflow:hidden}.navbarCircle:hover{border-radius:17px;background-color:#5865f2;transition:all .1s;color:#fff}.navbarCircle:hover~span{width:8px;height:20px;border-radius:0 4px 4px 0;margin-left:-4px;background-color:#dcddde;margin-right:10px;transition:all .3s}.navbarCircle.active{color:#fff;background-color:#5865f2;border-radius:17px}.navbarCircle.active~span{width:8px;height:40px;border-radius:0 4px 4px 0;margin-left:-4px;background-color:#dcddde;margin-right:10px;transition:all .3s}.navbarLine{width:30px;height:2px;margin:0 auto;justify-content:center;align-items:center;display:flex}.navbarLine span{width:48px;height:2px;background-color:hsla(0,0%,100%,.06)}.navbarUserCircle{width:48px;height:48px;border-radius:24px;background-color:#36393f;margin-top:10px;cursor:pointer}.navbarUserCircle:hover{border-radius:17px;transition:all .5s ease-in-out}.navbarAddUser{width:48px;height:48px;border-radius:24px;margin:auto;background-color:#36393f;cursor:pointer}.navbarAddUser,.navbarAddUser a{display:flex;justify-content:center;align-items:center}.navbarAddUser a{height:100%;width:100%}.navbarAddUser:hover{border-radius:17px;background-color:#3ba55d;transition:all .1s ease-in-out}.navbarAddUser:hover~span{width:8px;height:20px;border-radius:0 4px 4px 0;margin-left:-4px;background-color:#dcddde;margin-right:10px;transition:all .3s}.navbarAddUser div{width:15px;height:2px;background-color:#3ba55d;position:absolute}.navbarAddUser:hover div{background-color:#fff;transition:all .5s ease-in-out}.navbarAddUser:hover svg{fill:#fff;transition:all .5s ease-in-out}.navbarAddUser div:first-child{height:15px;width:2px}.navbarAddUser svg{fill:#3ba55d}.dashboard-navbar-search-button-wrapper{width:100%;display:flex;justify-content:center;box-shadow:0 1px 0 rgba(4,4,5,.2),0 1.5px 0 rgba(6,6,7,.05),0 2px 0 rgba(4,4,5,.05);flex:0 0 auto;padding:0 10px;height:48px;align-items:center}.dashboard-navbar-search-button{width:100%;height:28px;overflow:hidden;background-color:#202225;border-radius:4px;border:none;color:#72767d;padding-left:5px;text-align:left;text-overflow:ellipsis;font-size:14px;font-weight:500;line-height:24px;white-space:nowrap}.dashboard-navbar-server-name{display:flex;align-items:center;color:#fff;font-size:15px;line-height:20px;font-weight:500;text-overflow:ellipsis;overflow:hidden;flex:1 1;margin:0;padding:12px 16px;transition:all .1s ease-in-out;cursor:pointer}.dashboard-navbar-server-name:hover{background:rgba(79,84,92,.4)}.settings-out{background:"#36393F";z-index:-1;opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}.settings-out,.settings-out-active{width:100%;height:100%;position:fixed;top:0;left:0;transition:.3s ease}.settings-out-active{background:#36393f;opacity:1;z-index:1;-webkit-transform:scale(1);transform:scale(1)}.settings-wrapper,.settings-wrapper-active{width:100%;height:100%;display:flex;transition:.3s ease}.settings-primary-wrapper{background:#2f3136;flex:1 1;display:flex;justify-content:flex-end;padding-right:10px;color:#b9bbbe;line-height:14px;font-size:16px;overflow:hidden;overflow-y:scroll}.settings-primary-wrapper::-webkit-scrollbar{width:8px;background-color:#2e3338;border-radius:5px}.settings-primary-wrapper::-webkit-scrollbar-track{border-radius:10px}.settings-primary-wrapper::-webkit-scrollbar-thumb{background:#202225;border-radius:10px}.settings-secondary-wrapper{flex:1 0 218px;background:#36393f}.settings-divider{width:100%;height:1px;background:rgba(79,84,92,.48);margin:8px 0}.settings-primary{padding:60px 6px 60px 20px}.settings-primary-item-head{font-size:12px;font-weight:700;line-height:10px;text-transform:uppercase;padding:8px 10px}.settings-primary-item-item-active{font-weight:500;cursor:pointer;border-radius:4px;margin-top:2.5px;padding:8px 10px;color:#fff;background:#42464d;display:flex;justify-content:space-between}.settings-primary-item-item:hover{cursor:pointer;background:#3c3f45}.settings-primary-item-item{font-weight:500;cursor:pointer;border-radius:4px;margin-top:2.5px;padding:8px 10px;display:flex;justify-content:space-between}.settings-primary-item-item-active:hover{background:#3c3f45}.settings-social{margin:10px 0}.settings-social-icon{width:20px;height:20px;margin-right:10px;color:#b9bbbe;cursor:pointer}.settings-social-icon:hover{color:#fff}.settings-close-button{color:#b9bbbe;display:flex;justify-content:center;align-items:center;flex-direction:column}.settings-close-icon{width:40px;height:40px;cursor:pointer}@media only screen and (max-width:768px){.settings-primary-wrapper{justify-content:center}.settings-secondary-wrapper{flex:inherit}.settings-close-button{position:absolute;right:20px;top:20px}.settings-wrapper-active{position:relative}.settings-close-button div{display:none}}.modal-close-icon{position:absolute;right:15px;top:15px;color:#4f5660;cursor:pointer}.modal-close-icon:hover{color:#2e3338}.modal-container{position:fixed}.modal-container,.modal-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.modal-wrapper{position:absolute;top:0;left:0;transition:all .2s ease-in-out;background:transparent}.modal-wrapper.active{pointer-events:all;opacity:.85;background:#000}.mymodal{position:absolute;background:#fff;width:440px;border-radius:4px;transition:all .2s ease-in-out;-webkit-transform:scale(0);transform:scale(0);opacity:0;overflow:hidden}.mymodal.active{pointer-events:all;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.modal-secondRow{background:#fff;width:100%;padding:6px 20px 20px}.mymodal-header{min-height:75px;align-items:flex-end;font-weight:700;color:#060607;font-size:24px}.modal-subheader,.mymodal-header{display:flex;justify-content:center}.modal-subheader{height:auto;align-items:flex-start;text-align:center;padding:0 15px;font-size:15.5px;font-weight:300}.modal-secondRow-header{height:50px;display:flex;justify-content:center;align-items:flex-end;font-weight:400;color:#060607;font-size:24px}.modal-secondRow-button,.modal-secondRow-button-wrapper{display:flex;justify-content:center;align-items:center}.modal-secondRow-button{outline:none;border:none;border-radius:3px;background:#6a7480;width:100%;color:#fff;height:45px;padding:20px}.modal-create-buttons{margin-top:15px;margin-bottom:10px;padding:0 8px 8px 16px;overflow-y:scroll;height:330px;display:flex;flex-direction:column;grid-row-gap:10px;row-gap:10px}.modal-create-buttons::-webkit-scrollbar{width:8px;height:8px}.modal-create-buttons::-webkit-scrollbar-thumb{background-clip:padding-box;border:2px solid transparent;border-radius:4px;background-color:rgba(79,84,92,.3);min-height:40px}.modal-create-buttons::-webkit-scrollbar-track{background-color:initial;border:2px solid transparent}.modal-create-button{border-radius:8px;width:100%;display:flex;justify-content:center;align-items:center;border:1px solid rgba(106,116,128,.24);background:transparent;padding:10px}.modal-create-button-icon{display:flex;flex:1 1;justify-content:flex-end}.modal-create-button-icon svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.modal-create-button:hover{background:rgba(106,116,128,.16)}.modal-create-button-content{display:flex;justify-content:center;align-items:center;color:#060607;height:50px;flex:1 1;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px}.modal-create-button-content-text{font-weight:700;font-size:16px;line-height:20px}.modal-back-button,.modal-upload-button-wrapper{border:none;display:flex;justify-content:center;align-items:center;background:transparent}.modal-upload-button-wrapper{position:relative;width:100%;height:80px}.modal-upload-button-wrapper img{height:80px;width:80px}.modal-upload-button{width:80px;height:100%;background:transparent;cursor:pointer;opacity:0}.modal-input-wrapper{margin-top:15px;display:flex;flex-direction:column;height:100%;width:100%;border:none;background:transparent;padding:0 20px}.modal-input-label{font-size:14px;font-weight:700;color:#4f5660;margin-bottom:8px;line-height:16px;font-weight:600;text-transform:uppercase}.modal-input{outline:none;width:100%;height:40px;border:none;background:transparent;color:#2e3338;background-color:#e3e3e8;padding:10px;border-radius:3px}.modal-term{display:flex;justify-content:center;color:#060607;font-size:12px;font-weight:500;color:#5e6772;font-size:11px;line-height:16px;margin-top:8px;padding:5px 20px 15px}@media only screen and (max-width:440px){.mymodal{height:100%;width:100%}.modal-wrapper.active{opacity:1}}.auth-wrapper{width:100%;height:100%;overflow:hidden;overflow-y:scroll;display:flex;justify-content:center;align-items:center;background-image:url(/static/media/background.fb6aa360.svg);-ms-overflow-style:none;scrollbar-width:none}.auth-wrapper::-webkit-scrollbar{display:none}.auth-email-wrapper,.auth-input-wrapper{margin-top:20px}.auth-email-wrapper,.auth-input-wrapper,.auth-password-wrapper{display:flex;justify-content:center;flex-direction:column}.auth-input{background-color:#202225;color:#fff;padding:8px;border-radius:5px;border:none;width:100%;outline:none}.login-wrapper{background-color:#36393f;color:#fff;padding:32px;width:784px;display:flex;flex-direction:row;border-radius:5px}.auth-header-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;font-weight:600;font-size:24px;line-height:30px;font-family:Ginto,"Helvetica Neue",Helvetica,Arial,sans-serif}.auth-button{background-color:#5865f2;color:#fff;padding:2px 16px;border-radius:5px;border:none;cursor:pointer;margin-top:16px;width:100%;height:44px}.auth-button:hover{background-color:#4752c4}.auth-links-button{color:#00aff4;border:none;margin-top:5px;background:none;outline:none;cursor:pointer}.auth-links-button:hover{text-decoration:underline}.login-qr-wrapper{flex-direction:column;min-width:240px;height:344px;text-align:center}.login-qr,.login-qr-wrapper{display:flex;justify-content:center;align-items:center}.login-qr{width:176px;height:176px;background-color:#202225;border-radius:5px}.login-center-wrapper{display:"flex";justify-content:"center";align-items:"center"}.register-wrapper{min-height:580px;max-width:480px;background:#36393f;display:flex;flex-direction:column;padding:32px;color:#fff}.register-date-wrapper{display:flex;justify-content:center;flex-direction:column;margin-top:20px}.register-date{display:flex;flex-direction:row}.register-date-input-wrapper{display:flex;justify-content:center;margin-top:20px}.register-date input{background-color:rgba(0,0,0,.1);width:100%;height:40px;padding:10px;display:flex;align-items:center;justify-content:space-between;outline:none;color:#fff;border-radius:4px;border:1px solid rgba(32,34,37,.5)}.register-date :nth-child(2){margin-inline:20px}.register-term-wrapper{display:flex;margin-top:20px;align-items:center}.register-term-text{color:#a3a6aa;font-size:12px;margin-bottom:0}.register-term-checkbox{margin-right:10px;height:24px;width:24px;accent-color:#5865f2}@media only screen and (max-width:485px){.login-wrapper{width:100%;height:100%;display:block;border-radius:0}.auth-header-wrapper{padding-top:15px}.auth-header-wrapper:before{background:url(/static/media/logo-2.f99bb20c.svg)!important;content:"";position:absolute;height:36px;top:22px;width:130px}}@media only screen and (max-width:830px){.login-center-wrapper,.login-qr-wrapper{display:none!important}.login{max-width:480px}}.friends-wrapper{display:flex;padding:0 10px;flex:1 1;flex-direction:row}.friends-nowplaying-wrapper{display:flex;flex-direction:column;width:350px;height:100%;padding:15px 10px;flex:0 0 auto;border-left:1px solid #3a3e44}@media (max-width:1200px){.friends-nowplaying-wrapper{display:none}}.friends-add-wrapper{display:flex;flex-direction:column;width:100%;padding:20px}.friends-add-input-wrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:10px;height:54px;border:1px solid rgba(0,0,0,.3);border-radius:8px;margin-top:10px;background-color:#202225}.friends-add-header{color:#fff;font-size:19px;font-weight:700}.friends-add-subheader{color:#aaa}.friends-add-input{border:none;outline:none;background-color:initial;font-size:16px;color:#fff;width:auto;display:flex;flex:1 1}.friends-add-input-wrapper:focus-within{border:1px solid #5865f2}.friends-add-input-button{border:none;outline:none;background-color:initial;font-size:12px;color:#fff;background-color:#5865f2;cursor:pointer;padding:5px;border-radius:5px;font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-add-input-button:disabled,.friends-add-input-button[disabled]{background-color:#444c96;color:#72767d}.friends-add-image{flex:1 1;display:flex;justify-content:center;align-items:center}.friends-active-body-text-wrapper div{text-align:center}.friends-empty{display:flex;flex-direction:column;justify-content:center;height:100%;width:100%;color:#72767d;align-items:center}.friends-active-body-firstText{font-size:15px;font-weight:700;margin-bottom:10px;color:#fff}.friends-active-body-secondText{font-size:13px;margin-bottom:10px;color:#72767d}.friends-online-text-wrapper{display:flex;flex-direction:column;color:#b9bbbe;margin:16px 0 8px}.friends-users-list-wrapper{display:flex;flex-direction:column;flex:1 1}.friends-users-list-item{flex:1 1;border-top:1px solid hsla(0,0%,100%,.06);display:flex;align-items:center;justify-content:space-around;padding:0 10px}.friends-users-list-item-wrapper{display:flex;height:50px;padding:0 10px;border-radius:7px;cursor:pointer}.friends-users-list-item-wrapper:hover{background:#3a3e44}.friends-users-list-item-wrapper:hover .friends-users-list-item{border-top:1px solid transparent}.friends-users-list-item-wrapper:hover .friends-users-list-item-buttons div{background-color:#202225}.friends-users-list-item-wrapper:hover .friends-users-list-item-user-code{display:block}.friends-search-input-wrapper{width:100%;display:flex;justify-content:center;align-items:center;justify-content:space-between}.friends-search-input-wrapper input{width:100%;height:30px;border:none;color:#fff;font-size:16px;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 -2 30 30'%3E%3Cpath d='M16.036 18.455l2.404-2.405 5.586 5.587-2.404 2.404zM8.5 2C12.1 2 15 4.9 15 8.5S12.1 15 8.5 15 2 12.1 2 8.5 4.9 2 8.5 2zm0-2C3.8 0 0 3.8 0 8.5S3.8 17 8.5 17 17 13.2 17 8.5 13.2 0 8.5 0zM15 16a1 1 0 112 0 1 1 0 11-2 0'/%3E%3C/svg%3E") 100%/contain no-repeat;background-color:#202225;padding:0 30px 0 10px;border-radius:5px}.friends-users-list-item-avatar{position:relative;display:flex;justify-content:center;align-items:center;width:32px;height:32px;background-color:#e64043;border-radius:50%;margin-right:10px}.friends-users-list-item-state{position:absolute;bottom:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;background-color:#292b2f;border-radius:50%;margin-left:5px;border:3px solid #3ba55d;box-shadow:0 0 0 3px #292b2f}.friends-users-list-item-user{color:#fff;display:flex;flex-direction:column;justify-content:center;flex:auto}.friends-users-list-item-user-name{height:18px;font-size:15px;color:#fff;display:flex;padding:0;align-items:flex-end}.friends-users-list-item-user-code{display:none}.friends-users-list-item-user-state{height:13px;font-size:12px;color:#ccc;padding:0;display:flex;align-items:flex-end;justify-content:flex-start}.friends-users-list-item-buttons,.friends-users-list-item-buttons div{display:flex;align-items:center;justify-content:center}.friends-users-list-item-buttons div{border:none;background:none;width:30px;height:30px;margin-right:5px;cursor:pointer;background-color:#2f3136;border-radius:50%}.friends-users-list-item-buttons div svg{color:#b9bbbe}.store-cards-wrapper{display:flex;flex-wrap:wrap;grid-row-gap:20px;row-gap:20px;grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px}.store-card{width:206px;background:#292b2f;list-style-type:none;padding:10px;border-radius:8px}.store-card-img{width:195px;height:127px;flex:1 1}.store-card-img,.store-hero{display:flex;justify-content:center}.store-hero{align-items:center;height:100%}.heroIcon{width:149px;height:60px;color:#fff}.wrppp{position:absolute;display:flex;flex-direction:column;align-items:center;width:100%;top:48px;left:0}.store-perk-list-item-wrapper{display:flex;flex-direction:column;grid-row-gap:10px;row-gap:10px;margin-bottom:10px}.store-perk-list-item{display:flex;flex-direction:row;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px}.store-buttons-gift,.store-buttons-subscribe{background:#f7f7fe;color:#5865f2;border-radius:5px;outline:none;border:none;padding:5px 10px;display:flex;grid-gap:4px;gap:4px}@media only screen and (max-width:1049px){.store-cards-wrapper{justify-content:center}.store-classic-wrapper{flex-direction:column;grid-row-gap:30px;row-gap:30px}.wrppp{top:auto}.store-hero div{display:flex;justify-content:center;align-items:center}}.chat-input-wrapper{width:100%;height:68px;display:flex;justify-content:center;align-items:center;justify-content:space-between;padding:0 10px 20px}.chat-input-second-wrapper{width:100%;height:100%;background-color:#40444b;display:flex;border-radius:10px;padding-left:16px}.chat-input-right-button-wrapper{border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.chat-input-right-button-wrapper svg{color:#b9bbbe}.chat-input-right-button-wrapper div{height:100%;margin-right:15px;display:flex;justify-content:center;align-items:center}.chat-input{display:flex;flex:1 1 auto;height:100%}.chat-input input{width:100%;height:100%;border:none;background-color:initial;color:#fff;font-size:16px;padding:0 10px;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-body-wrapper{display:flex;flex:1 1;flex-direction:column;overflow-y:scroll;overflow-x:hidden;margin:4px}.chat-body-wrapper::-webkit-scrollbar{width:8px;background-color:#2e3338;border-radius:5px}.chat-body-wrapper::-webkit-scrollbar-track{border-radius:10px}.chat-body-wrapper::-webkit-scrollbar-thumb{background:#202225;border-radius:10px}.chat-body-message{display:flex;flex-direction:row;padding:10px;margin-bottom:10px}.chat-body-message:hover{background-color:#32353b}.chat-body-message-text{margin-left:10px;display:flex;flex-direction:column}.chat-body-message-text-name{font-size:15px;color:#fff;font-weight:500;cursor:pointer}.chat-body-message-text-name:hover{text-decoration:underline}.chat-body-message-text-msg{font-size:14px;color:#b9bbba;color:var(--deneme)}.stream-wrapper{max-height:500px;min-height:500px;overflow-y:scroll;background-color:rgba(0,0,0,.8);flex-direction:column;padding:20px}.stream{flex:1 1;display:flex;justify-content:center;align-items:center}.stream-buttons-wrapper{display:flex;justify-content:space-between}.stream-buttons{display:flex;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px}.stream-button-camera,.stream-button-hangup,.stream-button-microphone,.stream-button-screen-share{height:50px;width:50px;border-radius:100%;background:#303136;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer}.stream-button-hangup{background:#ed4245}.stream-button-camera:hover,.stream-button-hangup:hover,.stream-button-microphone:hover,.stream-button-screen-share:hover{background:#18191c}.stream-webRTC{border-radius:20px;object-fit:fill}.stream-webRTC.active{border:2px solid #42ed42}.serverusers-wrapper{display:flex;height:100%;width:240px;background:#2f3136;flex-direction:column;padding:20px 10px;grid-row-gap:7px;row-gap:7px}.serveruser{cursor:pointer;display:flex;opacity:.5;border-radius:6px;padding:8px 10px;color:#96989d}.serveruser:hover{opacity:1;background-color:rgba(79,84,92,.4);color:#dcddde}@media only screen and (max-width:768px){.serverusers-wrapper{display:none}}.header-chat-search-input-wrapper{width:100%;display:flex;justify-content:center;align-items:center;justify-content:space-between}.header-chat-search-input-wrapper input{width:150px;height:24px;border:none;color:#fff;font-size:16px;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 -2 30 30'%3E%3Cpath d='M16.036 18.455l2.404-2.405 5.586 5.587-2.404 2.404zM8.5 2C12.1 2 15 4.9 15 8.5S12.1 15 8.5 15 2 12.1 2 8.5 4.9 2 8.5 2zm0-2C3.8 0 0 3.8 0 8.5S3.8 17 8.5 17 17 13.2 17 8.5 13.2 0 8.5 0zM15 16a1 1 0 112 0 1 1 0 11-2 0'/%3E%3C/svg%3E") 100%/contain no-repeat;background-color:#202225;padding:0 30px 0 10px;border-radius:5px;transition:.2s ease-in-out}.header-chat-search-input-wrapper input:focus{width:240px}.header-friend-right-wrapper{display:flex;justify-content:space-between;align-items:center}.header-friend-right-wrapper div{margin:0 8px}.header-friend-right-wrapper div svg{color:#b9bbbe}.header-friend-right-wrapper div:hover svg{color:#dcddde}.header-friend-name{display:flex;flex:1 1 auto;color:#fff;margin:0 8px}.channels-wrapper{display:flex;flex-direction:column;flex:1 1;padding:16px 8px 0 0;grid-row-gap:15px;row-gap:15px}.channels-group-header,.channels-group-wrapper{color:#96989d;font-weight:700;text-transform:uppercase;font-size:11.5px;line-height:14px}.channels-group-header{cursor:pointer;justify-content:space-between}.channels-group-header,.channels-group-header-text{display:flex;align-items:center}.channels-group-header:hover{color:#fff}.channels-group-header-add,.channels-group-header-context{display:flex}.channels-group-body{padding-left:8px}.channel-wrapper{display:flex;cursor:pointer;border-radius:4px;height:32px;align-items:center;padding-left:10px}.channel-wrapper:hover{background:rgba(79,84,92,.6);color:#fff}.dashboard-wrapper{display:flex;overflow:hidden;flex-direction:column;flex:1 1}.dashboard-second-wrapper,.dashboard-sidebar{display:flex;height:100%}.dashboard-sidebar{width:240px;background-color:#2f3136;flex-direction:column}.dashboard-panel{width:100%;height:100%;background-color:#36393f;display:flex;flex-direction:column}.dashboard-side-navbar{overflow:hidden;flex-grow:1;display:flex;flex-direction:column}.dashboard-panel-header-wrapper{position:relative;width:100%;height:48px;box-shadow:0 1px 0 rgba(4,4,5,.2),0 1.5px 0 rgba(6,6,7,.05),0 2px 0 rgba(4,4,5,.05);display:flex;align-items:center;overflow:hidden;margin-right:5px;padding:10px}.dashboard-panel-header-wrapper svg{color:#dcddde;cursor:pointer}.dashboard-panel-header-left{display:flex}.dashboard-panel-header-left svg{color:#72767d;margin:0 8px}.dashboard-panel-header-left span{color:#fff}.dashboard-panel-header-line{height:24px;width:1px;background-color:#72767d;margin:0 15px}.dashboard-panel-header-text{color:#72767d;font-size:15px;font-weight:500;margin-right:15px;padding:1px 5px;cursor:pointer;border-radius:5px}.dashboard-panel-header-text:hover{background:#3a3e44;color:#ccc}.dashboard-panel-header-text-active{background:rgba(79,84,92,.32);color:#eee;font-size:15px;font-weight:500;margin-right:15px;padding:1px 5px;cursor:pointer;border-radius:5px}.dashboard-panel-header-text-active:hover{background:#3a3e44}.dashboard-panel-header-button{padding:1px 5px;background-color:#3ba55d;color:#fff}.dashboard-panel-header-button,.dashboard-panel-header-button-active{display:flex;align-items:center;border-radius:5px;font-size:15px;font-weight:500;cursor:pointer}.dashboard-panel-header-button-active{justify-content:center;padding:5px;color:#3ba55d}.dashboard-panel-header-button-active:hover{background-color:#3a3e44}.dashboard-sidebar-section-avatar{position:relative;display:flex;justify-content:center;align-items:center;width:32px;height:32px;background-color:#e64043;border-radius:50%;margin-right:10px}.dashboard-sidebar-section-avatar-state{position:absolute;bottom:0;right:0;display:flex;align-items:center;justify-content:center;width:10px;height:10px;background-color:#3ba55d;border-radius:50%;margin-left:5px;box-shadow:0 0 0 2.5px #292b2f}.dashboard-sidebar-section-wrapper{width:100%;height:52px;background-color:#292b2f;display:flex;align-items:center;justify-content:space-around;padding:0 10px;flex:0 0 auto}.dashboard-sidebar-section-user{color:#fff;display:flex;flex-direction:column;justify-content:center;flex:auto}.dashboard-sidebar-section-user-name{height:18px;font-size:15px;color:#fff;display:flex;padding:0;align-items:flex-end}.dashboard-sidebar-section-user-code{height:13px;font-size:12px;color:#ccc;padding:0;display:flex;align-items:flex-end;justify-content:flex-start}.dashboard-sidebar-section-buttons,.dashboard-sidebar-section-buttons button{display:flex;align-items:center;justify-content:center}.dashboard-sidebar-section-buttons button{border:none;background:none;width:24px;height:24px;border-radius:50%;margin-right:5px;cursor:pointer}.dashboard-sidebar-section-buttons button svg{color:#72767d}.dashboard-panel-header-absolute-button{position:absolute;right:0;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:5px;background-color:#36393f;font-size:15px;font-weight:500;cursor:pointer}.dashboard-panel-header-absolute-button * svg{color:#b9bbbe;margin-right:15px}.dashboard-sidebar-chat-wrapper{padding:2px 5px;-ms-overflow-style:none;scrollbar-width:none;flex:1 1 auto;overflow-y:auto;min-height:0;height:100%}.dashboard-sidebar-chat-wrapper::-webkit-scrollbar{display:none}.dashboard-sidebar-chat-buttons-wrapper{margin-top:8px;width:100%;height:88px;color:#72767d;padding:0 5px;justify-content:space-between;display:flex;flex-direction:column}.dashboard-sidebar-chat-button,.dashboard-sidebar-chat-button-active{padding:5px 7px;display:flex;align-items:center;height:49%;border-radius:5px;cursor:pointer}.dashboard-sidebar-chat-button-active{background-color:#393c43;color:#fff}.dashboard-sidebar-chat-button:hover{background-color:#34373c;color:#fff}.dashboard-sidebar-chat-wrapper svg{fill:#36393f}.dashboard-sidebar-chat-header-wrapper{display:flex;width:100%;padding:0 10px;justify-content:space-between;margin-top:10px}.dashboard-sidebar-chat-header-wrapper:hover .dashboard-sidebar-chat-header{color:#dcddde}.dashboard-sidebar-chat-header{font-size:12px;color:#72767d;font-weight:700}.dashboard-sidebar-chat-header-wrapper svg{height:17px;width:17px;cursor:pointer;color:#b9bbbe}.dashboard-sidebar-chat-buttons-wrapper svg{width:24px;height:24px;margin-right:10px}.dashboard-sidebar-chat{margin-top:20px;width:100%;color:#72767d;padding:0 10px;font-size:13px;display:flex;flex-direction:column}.dashboard-sidebar-chat-item-wrapper{display:flex;flex-direction:row;cursor:pointer;border-radius:5px;padding:5px 10px}.dashboard-sidebar-chat-item-name{font-size:14px;font-weight:600}.dashboard-sidebar-chat-item-wrapper:hover{background-color:#3a3e44}.dashboard-panel-body-wrapper{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.dashboard-panel-nowplaying-header{color:#fff;font-size:20px;font-weight:700}#container{display:flex;flex-direction:column;height:100%;width:100%}#content{flex:1 1 auto;overflow-y:auto;min-height:0}.dashboard-btn-hangup,.dashboard-btn-hangup-wrapper{display:flex;justify-content:center;align-items:center}.dashboard-btn-hangup{width:40px;height:40px;padding:2px;border-radius:5px;cursor:pointer}.dashboard-btn-hangup:hover{background:rgba(79,84,92,.6);color:#dcddde}.dashboard-panel-sandwich-container{display:none;justify-content:center;align-items:center;margin-left:10px}.dashboard-panel-sandwich-wrapper{display:flex;flex-wrap:wrap;width:18px;height:15px;cursor:pointer}.dashboard-panel-sandwich-wrapper span{width:50%;background:hsl(0,0%,100%);background:hsl(0,calc(var(--saturation-factor, 1)*0%),100%);border-radius:9px 0 0 9px;-webkit-transform:scale(1.1);transform:scale(1.1);height:3px;border:none}.mobile-wrapper{display:flex;overflow:hidden;flex-direction:column;flex:1 1}@media only screen and (max-width:768px){.dashboard-sidebar{width:100%}.dashboard-panel-sandwich-container,.dashboard-panel-sandwich-wrapper{display:flex}}.information-wrapper{top:0;left:0;position:fixed;width:100%;height:100%;z-index:1;color:#fff}.information-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.information-backdrop{position:absolute;background:rgba(0,0,0,.5);width:100%;height:100%}.information-modal-wrapper{width:-webkit-max-content;width:max-content;background:#36393f;z-index:2;border-radius:5px;padding:20px 50px 50px;box-shadow:3px 3px 3px #000}.information-modal-btnClose-wrapper{display:flex;justify-content:flex-end}.information-modal-btnClose{cursor:pointer;height:40px;width:40px;display:flex;justify-content:center;align-items:center;font-size:20px}.information-modal-header{display:flex;justify-content:center;font-size:28px}.information-modal-body{flex:1 1;align-items:center;display:flex;flex-direction:column;grid-gap:10px;gap:10px}.information-auth-name{font-size:24px}.information-auth-name{text-decoration:underline}.information-auth-email-wrapper,.information-auth-password-wrapper{display:flex;grid-gap:5px;gap:5px}.information-footer{margin-top:20px;text-decoration:underline;display:flex;justify-content:center;align-items:center;flex-direction:column}.information-modal-btnClose:hover{background:hsla(0,0%,100%,.2);border-radius:100%}body{margin:0;background:#202225;background:#fff}#root,body,html{height:100%;width:100%}iframe{display:none!important;z-index:-1}
/*# sourceMappingURL=main.96647109.chunk.css.map */