body,html{margin:0;height:100vh;background-color:#1b1f31;display:block;line-height:1}body,button,html,input{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem}.button-new{line-height:normal;position:relative;background-color:#2a3453;color:#fff;font-size:1rem;border:0;display:-webkit-inline-flex;display:inline-flex;padding:.3rem .5rem;border-radius:4px;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;cursor:pointer}.button-new>.loader{height:1.5rem;width:1.5rem;border-radius:4px;-webkit-animation:button-loader 2s ease-in-out infinite;animation:button-loader 2s ease-in-out infinite;margin-right:1rem!important;background:#fff}.button-new.small>.loader{height:.7rem;width:.7rem;border-radius:2px;margin-right:.4rem!important}@-webkit-keyframes button-loader{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes button-loader{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}.button-new:active{-webkit-transform:scale(1.05);transform:scale(1.05)}.button-new.button-primary{background:linear-gradient(90deg,#29419f,#a34fec);padding:.7rem 3.5rem}.button-new.button-primary:hover{background:linear-gradient(90deg,#243a94,#8c40cf)}.button-new.button-secondary{background:#30354d;padding:.7rem 3.5rem;color:#c7cddf}.button-new.button-secondary:hover{background:#424866;color:#fff}.button-new.button-duel{background:#252a40;color:#8892b2;display:-webkit-flex;display:flex;margin-right:.5rem;width:4rem;font-size:1.4rem}.button-new.button-small-box{font-size:1rem;padding:.5rem;border-radius:4px;background:#131524}.button-new.button-small-box>:first-child{margin-right:0}.button-new.button-duel:hover{background:#2a3453;color:#fff}.button-new.button-danger{background:#9c3446;color:#fff}.button-new.button-accept,.button-new.button-decline{height:1.8rem;width:1.8rem;padding:0!important;overflow:hidden;-webkit-justify-content:center;justify-content:center;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;border-radius:50%;background:rgba(51,49,49,.6);color:#e45655;box-sizing:border-box}.button-new.button-accept>.loader,.button-new.button-decline>.loader{width:1rem;height:1rem}.button-new.button-decline:hover{background:rgba(83,63,63,.9)}.button-new.button-accept:hover{background:rgba(160,229,126,.3)}.button-new.button-accept>*,.button-new.button-decline>*{margin:0!important}.button-new.button-accept svg,.button-new.button-decline svg{stroke-width:.25em}.button-new.button-accept{background:rgba(160,229,126,.15);color:#57b953}.button-new.button-danger:hover{background:#e45655;color:#fff}.button-new.button-less-padding{padding:.5rem 1rem}.button-new.button-more-padding{padding:.5rem 1.5rem}.button-new.button-margin-right{margin-right:.5rem}.button-new>:first-child{margin-right:.4rem}.button-new.button-duel>:first-child{margin-right:0}.button-new:hover{background-color:#354161}.button-new .badge{position:absolute;top:0;right:0;width:20px;height:20px;overflow:hidden;border-radius:50%;background:#e45655;color:#fff;font-size:.7rem;font-weight:700;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);pointer-events:none}.button-new.small{font-size:.8rem;padding:.2rem .6rem;border-radius:4px}.button-new.small .badge{width:16px;height:16px;font-size:.7rem}.button-new.small>:first-child{margin-right:.2rem}.loading-screen{min-height:100vh;width:100vw;box-sizing:border-box;background-color:#1b1f31;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.loading-screen .overlay{background-color:#15192a;position:absolute;top:0;left:0;width:100%;height:50%}.loading-screen .login-card{position:relative;z-index:5;background-color:#252a40;border-radius:10px;width:25rem;padding:2rem;max-width:100%;margin:2rem;box-sizing:border-box;-webkit-align-items:center;align-items:center;color:#fff}.loading-screen .login-buttons,.loading-screen .login-card{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.loading-screen .login-buttons{width:100%;text-align:center}.loading-screen .login-buttons p{line-height:1.25}.loading-screen .login-buttons .button-new{margin-bottom:.5rem;-webkit-flex:1 1;flex:1 1}.loading-screen .login-card .icon{margin-bottom:3rem;margin-top:1.5rem;background:linear-gradient(to bottom right,#29419f,#a34fec);-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:5px;height:3rem;width:3rem}.loading-screen .login-card .title{font-weight:700;font-size:1.5rem;color:#fff;text-align:center;margin:0 0 .5rem}.loading-screen .login-card .text{color:#8892b2;text-align:center;max-width:15rem;margin-bottom:5rem;line-height:1.4}.loading-screen .icon-wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.loading-icon-rotate,.loading-screen .icon-wrapper .icon{background:linear-gradient(to bottom right,#29419f,#a34fec);-webkit-transform:rotate(45deg);transform:rotate(45deg);height:5rem;width:5rem;border-radius:10px;-webkit-animation:loading-rotate 2.2s cubic-bezier(.57,.01,.35,1) .2s infinite;animation:loading-rotate 2.2s cubic-bezier(.57,.01,.35,1) .2s infinite;margin-bottom:3rem;margin-top:6.5rem}.loading-screen .icon-wrapper .icon.bigload{margin-top:18.5rem}.loading-screen .icon-wrapper .icon.hidden{opacity:0}.loading-icon-rotate.small{height:2rem;width:2rem;border-radius:4px;margin-bottom:2rem;margin-top:0}.loading-screen .icon-wrapper .text{color:#c7cddf;height:3.5rem;margin:0;font-size:1.1rem;text-align:center;line-height:1.5}@-webkit-keyframes loading-rotate{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}90%{-webkit-transform:rotate(765deg);transform:rotate(765deg)}to{-webkit-transform:rotate(765deg);transform:rotate(765deg)}}@keyframes loading-rotate{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}90%{-webkit-transform:rotate(765deg);transform:rotate(765deg)}to{-webkit-transform:rotate(765deg);transform:rotate(765deg)}}.loading-screen .loading-match{display:-webkit-flex;display:flex;height:5rem;text-align:center;line-height:1.5;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-flex-direction:column;flex-direction:column;margin-top:2rem;height:15rem}.loading-screen .loading-match-rank{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;font-weight:700;font-size:.9rem;min-height:1.5rem}.loading-screen .loading-match-rank .loading-match-icon{font-size:1.1rem;margin-right:.3rem}.loading-screen .loading-match .loading-match-heading{font-size:1.3rem;margin:.7rem 0 .5rem;color:#fff}.loading-screen .loading-match .loading-match-text{font-size:1rem;margin:0 0 .5rem;color:#9da6c4}.loading-screen .loading-match .loading-match-text.bigmargin{margin:0 0 2rem}.loading-screen .loading-match .loading-match-status{font-size:.7rem;margin:0 0 3rem;color:#424d72;text-transform:uppercase;font-weight:700}.loading-screen .loading-match .loading-match-buttons{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.styled-no-input .input-text{color:#fff;padding:0;margin:0}.styled-no-input-label{color:#fff;font-weight:700;text-align:left;display:block;padding:1rem 0;margin:0}.styled-no-input{border-radius:3px;background-color:#252a40;border:none;display:block;width:100%;color:#fff;padding:1rem 1.5rem;box-sizing:border-box;outline:none;line-height:normal;-webkit-user-select:none;-ms-user-select:none;user-select:none}.styled-no-input-container{-webkit-flex:1 1;flex:1 1}.styled-input label .text{color:#fff;font-weight:700;text-align:left;display:block;padding:1rem 1.5rem}.styled-input label .no-padding{color:#fff;font-weight:700;text-align:left;display:block;padding:1rem 0}.styled-input input{border-radius:3px;background-color:#252a40;border:none;display:block;width:100%;color:#fff;padding:1rem 1.5rem;box-sizing:border-box;outline:none}.styled-input input.lighter{background-color:#2f344d}.styled-input input.lighter:focus,.styled-input input.lighter:hover{background-color:#383e58}.styled-input input:focus,.styled-input input:hover{background-color:#2f344d}.styled-input input::-webkit-input-placeholder{color:#7f86a3}.styled-input input:-ms-input-placeholder{color:#7f86a3}.styled-input input::placeholder{color:#7f86a3}.wrapper-alert{height:100vh;-webkit-flex-direction:column;flex-direction:column}.wrapper,.wrapper-alert{display:-webkit-flex;display:flex;min-height:0}.wrapper{-webkit-flex:1 1;flex:1 1}.sideNav{width:400px;padding:0 1.5rem;box-sizing:border-box;background-color:#15192a}.sideNav .top{color:#fff;height:4.5rem;padding:0 .8rem;display:-webkit-flex;display:flex}.content{-webkit-flex:1 1;flex:1 1}.wrapper-alert .alert{background-color:#cb3e48;color:#fff;padding:1rem 2rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.wrapper-alert .alert .icon{margin-right:.5rem;color:#fff}.heading{color:#fff}.heading-big,.heading-small{font-size:1.5rem}.action-row{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-end;align-items:flex-end;margin:1rem 1rem .7rem}.action-row .action-row-label{font-size:.7rem;text-transform:uppercase;font-weight:700;color:#4a567a}.friend-list-sidebar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:1.5rem}.friend-list-sidebar .userAvatar{-webkit-transform:scale(.6);transform:scale(.6);margin:0 .2rem 0 -1rem}.sidebar-link{display:-webkit-flex;display:flex;font-size:1rem;padding:.8rem 1rem;border-radius:5px;margin-bottom:.5rem;color:#9da6c4}.sidebar-link:active,.sidebar-link:hover,.sidebar-link:link,.sidebar-link:visited{text-decoration:none;color:#9da6c4}.sidebar-link:hover{cursor:pointer}.sidebar-link .sidebar-content-wrapper{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.sidebar-link .sidebar-icon{margin-right:.5rem}.sidebar-link .sidebar-icon.big{font-size:2rem;color:#888cef;margin-right:1rem}.sidebar-link .sidebar-name{margin:0;padding:0}.sidebar-link.active .sidebar-name{color:#fff}.sidebar-link.active .sidebar-name.bold{font-weight:700}.sidebar-link .sidebar-description{color:#8892b2;font-size:.9rem;margin-top:.3rem;display:block}.sidebar-link:hover{background-color:#191e31;color:#fff}.sidebar-link.active{background-color:#252a40;color:#fff}.sidebar-link.active:hover{background-color:#343a53}.sidebar-link.active .sidebar-icon{color:#888cef}.userAvatar{width:3rem;height:3rem;border-radius:100%;background-image:linear-gradient(to bottom right,#29419f,#a34fec);margin-right:1rem;background-position:50%;background-size:cover}.userAvatar.clickable{cursor:pointer}.userAvatar.clickable:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.userAvatar.blocked{background-color:#272c43!important;background-image:none!important;position:relative}.userAvatar.blocked:after,.userAvatar.blocked:before{background-color:#1b1f31;content:"";height:2rem;width:3px;border-radius:10px;position:absolute;top:calc(50% - 1rem);left:calc(50% - 1.5px);-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.userAvatar.blocked:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.userAvatar.blocked .status-bubble{display:none}.userAvatar .status-bubble{background-color:#353b57;position:absolute;bottom:-.25em;right:-.25em;border:.25em solid #1b1f31;height:.75em;width:.75em;border-radius:1em}.userAvatar.small .status-bubble{bottom:-.25em;right:-.25em;border:.25em solid #1b1f31;height:.5em;width:.5em}.userAvatar .status-bubble.status-ONLINE{background-color:#55b86f}.userAvatar .status-bubble.status-INGAME{background-color:#f59c37}.userAvatar{position:relative}.user-profile-card .user-profile-section{background-color:#222639;border-radius:5px;padding:1rem}.user-profile-card .user-profile-section.margined{margin-bottom:1rem}.user-profile-card .user-profile-section.padded{padding:2rem}.user-profile-card .hidden{display:none!important}.user-profile-card .user-profile-avatar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.user-profile-card .user-profile-avatar h2{margin:0 .5rem}.user-profile-card .user-profile-grid{display:-webkit-flex;display:flex;margin:0 -.3rem}.user-profile-card .user-profile-grid>*{-webkit-flex:1 1;flex:1 1;margin:0 .3rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-start;align-items:flex-start}.user-profile-card .user-profile-section-heading{font-size:1.1rem;font-weight:700;color:#fff;width:100%}.user-profile-card .user-profile-section-heading.center{text-align:center}.modal-wrapper.modal-hidden{display:none}.modal-wrapper{position:fixed;top:0;left:0;width:100%;box-sizing:border-box;height:100vh;overflow-x:hidden;z-index:98}.modal-wrapper.modal-fadein .content{-webkit-animation:modal-fadein .2s ease-in-out;animation:modal-fadein .2s ease-in-out}.modal-wrapper.modal-fadeout .content{-webkit-animation:modal-fadeout .2s ease-in-out;animation:modal-fadeout .2s ease-in-out}.modal-wrapper.scroll{overflow-y:auto}.modal-wrapper .overlay{width:100%;box-sizing:border-box;height:100vh;background:rgba(0,0,0,.75);position:fixed;top:0;left:0;z-index:98;opacity:0;transition:opacity .1s ease-in-out}.modal-wrapper.modal-visible .overlay{opacity:1}.modal-wrapper.modal-fadeout .overlay{opacity:0}.modal-wrapper.modal-fadein .overlay{opacity:1}.modal-wrapper>.modal{width:100%;height:100vh;position:relative;z-index:99}.modal-wrapper .card{display:-webkit-flex;display:flex;min-height:100%;height:auto;padding:6rem 0;box-sizing:border-box}.modal-wrapper .content-wrapper{margin:auto}.modal-wrapper .content{max-width:100vw;box-sizing:border-box;position:relative}.modal-wrapper .actual-content{background-color:#1b1f31;color:#fff;border-radius:5px;padding:2rem;position:relative;z-index:101}.modal-wrapper.deco .deco-1,.modal-wrapper.deco .deco-2,.modal-wrapper.deco .deco-3,.modal-wrapper.deco .deco-4{position:absolute;top:0;right:0;height:5rem;width:5rem;border-radius:2px;-webkit-transform:rotate(30deg);transform:rotate(30deg);transition:height .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,height .3s ease-in-out;transition:transform .3s ease-in-out,height .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:98}.modal-wrapper.deco .deco-1{background:linear-gradient(180deg,#29419f,#a34fec);height:14rem;width:10rem}.modal-wrapper.deco .deco-3{height:8rem;width:8rem;background-color:#15192a;top:auto;left:0;bottom:0}.modal-wrapper.deco .deco-4{height:6rem;width:6rem;background-color:#15192a}.modal-wrapper.deco .deco-2{background:linear-gradient(180deg,#e45655,#a13754);height:8rem;width:8rem;left:0;top:auto;bottom:0}.modal-wrapper.deco .deco-1{-webkit-transform:rotate(30deg) translateY(10rem) translateX(4rem);transform:rotate(30deg) translateY(10rem) translateX(4rem);height:1rem}.modal-wrapper.deco .deco-4{-webkit-transform:rotate(30deg) translateY(5rem) translateX(-5rem);transform:rotate(30deg) translateY(5rem) translateX(-5rem)}.modal-wrapper.deco .deco-2{-webkit-transform:rotate(30deg) translateY(-10rem) translateX(-4rem);transform:rotate(30deg) translateY(-10rem) translateX(-4rem)}.modal-wrapper.deco .deco-3{-webkit-transform:rotate(30deg) translateY(-5rem) translateX(-1rem);transform:rotate(30deg) translateY(-5rem) translateX(-1rem)}.modal-wrapper.deco.modal-visible .deco-1{-webkit-transform:rotate(30deg) translateY(-4rem) translateX(1rem);transform:rotate(30deg) translateY(-4rem) translateX(1rem);height:14rem}.modal-wrapper.deco.modal-visible .deco-4{-webkit-transform:rotate(30deg) translateY(1rem) translateX(-5rem);transform:rotate(30deg) translateY(1rem) translateX(-5rem)}.modal-wrapper.deco.modal-visible .deco-2{-webkit-transform:rotate(30deg) translateY(-1rem) translateX(-4rem);transform:rotate(30deg) translateY(-1rem) translateX(-4rem)}.modal-wrapper.deco.modal-visible .deco-3{-webkit-transform:rotate(30deg) translateY(3rem) translateX(-1rem);transform:rotate(30deg) translateY(3rem) translateX(-1rem)}@-webkit-keyframes modal-fadein{0%{opacity:0;-webkit-transform:translateY(2rem);transform:translateY(2rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes modal-fadein{0%{opacity:0;-webkit-transform:translateY(2rem);transform:translateY(2rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes modal-fadeout{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(2rem);transform:translateY(2rem)}}@keyframes modal-fadeout{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(2rem);transform:translateY(2rem)}}.match-list-wrapper{padding-top:1rem;padding-bottom:2rem}.match-list-container .bottom-text-wrapper{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding-top:1rem;padding-bottom:2rem}.match-list-container .matches-text{color:#9da6c4;text-align:center;-webkit-flex:1 1;flex:1 1}.match-list-container .matches-text.text-centered{text-align:center!important;width:100%;padding:0!important;margin:0!important}.match-list-wrapper ul{list-style:none;margin:0;padding:0}.match-list-wrapper .match-row{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;padding:.8rem 0;margin-bottom:.3rem;-webkit-user-select:none;-ms-user-select:none;user-select:none;border-radius:5px}.match-list-wrapper .match-row:hover{background-color:#262c42!important}.match-list-wrapper li:nth-child(odd) .match-row{background-color:#21263a}.match-list-wrapper .match-icon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:5rem;padding-left:1.5rem}.match-list-wrapper .match-row>.matches-text{width:7rem;padding-left:3rem;text-align:left}.match-list-wrapper p{margin:0}.match-list-wrapper .match-icon>p{font-weight:700}.match-list-wrapper .match-icon span{font-size:1rem;margin-right:.8rem}.match-list-wrapper .match-icon p:first-letter{text-transform:capitalize}.match-list-wrapper .match-icon .icon-red{color:#e45655}.match-list-wrapper .match-icon .icon-yellow{color:#f2ec4a}.match-list-wrapper .match-icon .icon-blue{color:#4191ee}.match-list-wrapper .match-scores{font-weight:700;width:5rem;text-align:center;padding-right:1.5rem}.tabs-wrapper{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-flex-wrap:wrap;flex-wrap:wrap}.tabs-wrapper .tabs-item{display:block;padding:.4rem 1rem;margin:0 .2rem .2rem 0;border-radius:3px;color:#9da6c4;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(42,52,83,0);transition:background-color .1s ease-in-out,color .1s ease-in-out}.tabs-wrapper .tabs-item.active{color:#fff;background-color:#2a3453}.tabs-wrapper .tabs-hr{width:100%;height:2px;background-color:#313954;border:none}.userDropdown{position:relative}.userDropdown .cont{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:.2rem 1rem;border-radius:5px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;position:relative}.userDropdown .cont:hover{background-color:#191b2b}.userDropdown .cont .userAvatar .status-bubble{border-color:#121727}.userDropdown .cont:hover .userAvatar .status-bubble{border-color:#191b2b}.userDropdown .userAvatar{width:2rem;height:2rem;margin-right:.7rem}.userDropdown .name{color:#fff;font-size:.9rem;font-weight:700;max-width:10rem;overflow-x:hidden;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start}.userDropdown .name p{word-break:break-all}.userDropdown .name>.icon{margin-top:.3rem;margin-left:.5rem;transition:-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out;transition:transform .15s ease-in-out,-webkit-transform .15s ease-in-out}.userDropdown.open .name>.icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.userDropdown.open .menu,.userDropdown.open .overlay{display:-webkit-flex;display:flex}.userDropdown.open .menu{-webkit-animation:slide-in-menu .15s ease-in-out;animation:slide-in-menu .15s ease-in-out}.userDropdown.open .cont{z-index:98}.userDropdown .menu{display:none;-webkit-flex-direction:column;flex-direction:column;background-color:#1b1f31;border-radius:5px;position:absolute;top:3.4rem;right:0;z-index:99;padding:1rem 0;width:15rem}.userDropdown .menu .menuItem{display:block;padding:.5rem 1rem;color:#9da6c4;text-decoration:none;cursor:pointer;margin:0}.userDropdown .menu .menuItem.red,.userDropdown .menu .menuItem.red:hover{color:#cd5f73}.userDropdown .menu .menuItem:hover{background-color:#252a40;color:#fff}.userDropdown .overlay{display:none;z-index:97;position:fixed;width:100vw;left:0;top:0;height:100vh;background-color:rgba(0,0,0,.3);cursor:pointer}@-webkit-keyframes slide-in-menu{0%{opacity:0;-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in-menu{0%{opacity:0;-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.contentContainer{-webkit-flex-direction:column;flex-direction:column;height:100%}.contentContainer,.contentHeader{display:-webkit-flex;display:flex}.contentHeader{background-color:#121727;padding:0 1.5rem;color:#fff;height:4.5rem;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.contentHeader.nobg{background-color:transparent}.contentHeader .heading{margin:0}.contentHeader>.items{-webkit-align-items:flex-end;align-items:flex-end;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start}.channelWrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.channelScrollWrapper,.channelWrapper{-webkit-flex:1 1;flex:1 1;min-height:0}.channelContent{overflow-y:auto;min-height:100%;height:100%;max-height:100%;min-height:0;padding:1rem 1.5rem 0;box-sizing:border-box;color:#a6aaba;z-index:1;position:relative}.channelBottomWrapper{padding:1rem 1.5rem}.channelViewEdit{color:#4a567a;transition:color .1s ease-in-out,-webkit-transform .1s ease-in-out;transition:color .1s ease-in-out,transform .1s ease-in-out;transition:color .1s ease-in-out,transform .1s ease-in-out,-webkit-transform .1s ease-in-out;cursor:pointer;font-size:1.1rem;margin-left:.5rem;padding:.5rem .5rem 0;display:inline-block;-webkit-transform-origin:center;transform-origin:center}.channelViewEdit:hover{color:#fff;-webkit-transform:scale(1.2);transform:scale(1.2)}.channelViewEdit.red{color:#e67e87}.messageBox>input{border-radius:3px;background-color:#252a40;border:none;display:block;width:100%;color:#fff;padding:1rem 1.5rem;box-sizing:border-box;outline:none}.messageBox>input:focus,.messageBox>input:hover{background-color:#2f344d}.messageBox>input::-webkit-input-placeholder{color:#7f86a3}.messageBox>input:-ms-input-placeholder{color:#7f86a3}.messageBox>input::placeholder{color:#7f86a3}.messageRow{display:-webkit-flex;display:flex;width:100%;height:auto}.messageBox{-webkit-flex:1 1;flex:1 1}.addons-modal-wrapper{text-align:left}.addons-modal-wrapper .addon-modal-list{list-style:none;padding:0;margin:1rem 0 2rem}.toggle-button{font-size:.8rem;color:#9da6c4;background-color:#2a2f47;border-radius:3px;padding:.3rem .6rem;transition:background-color .1s ease-in-out,border-color .1s ease-in-out,-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out,background-color .1s ease-in-out,border-color .1s ease-in-out;transition:transform .1s ease-in-out,background-color .1s ease-in-out,border-color .1s ease-in-out,-webkit-transform .1s ease-in-out;display:inline-block;cursor:pointer;margin:0 .4rem .4rem 0;-webkit-user-select:none;-ms-user-select:none;user-select:none;border:2px solid #2a2f47}.toggle-button:hover{background-color:#343957;border-color:#343957}.toggle-button.checked:hover{border-color:#70b3ff}.toggle-button:active{-webkit-transform:scale(1.05);transform:scale(1.05)}.toggle-button.checked{border-color:#2e75c7;color:#fff}.powerup-wrapper{-webkit-flex-direction:column;flex-direction:column;margin-top:1rem}.powerup-icon-wrapper,.powerup-wrapper{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.powerup-icon-wrapper{background-color:#303444;width:4rem;height:4rem;border-radius:2rem;position:relative;color:#d8ec52;font-size:2.5em;transition:background-color .1s ease-in-out,-webkit-transform .1s ease-in-out;transition:background-color .1s ease-in-out,transform .1s ease-in-out;transition:background-color .1s ease-in-out,transform .1s ease-in-out,-webkit-transform .1s ease-in-out}.powerup-icon-wrapper:hover{-webkit-transform:scale(1.1);transform:scale(1.1);background-color:#393e50}.powerup-icon-wrapper.rotate .icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.powerup-icon-wrapper.yellow{color:#d8ec52}.powerup-icon-wrapper.cyan{color:#52e7ec}.powerup-icon-wrapper.pink{color:#ef75d3}.powerup-subicon{display:-webkit-flex;display:flex;position:absolute;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:#484c5f;width:1.7rem;height:1.7rem;border-radius:1rem;top:0;right:0;font-size:.4em}.powerup-subicon svg{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}.powerup-center{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;text-align:center}.powerup-icon-text{color:#fff;margin:2rem 0 1rem;height:1rem}.progressbar{width:15rem;position:relative;height:6px;border-radius:3px;background-color:#2d3348;overflow:hidden}.progressbar .progressbar-inside{transition:width 10ms linear;position:absolute;top:0;left:0;width:0;background-color:#5b78e1;height:6px;border-radius:3px}.powerup-icon-wrapper .powerup-countdown-text{font-weight:700;color:#fff;font-size:1.5rem}.addon-list{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;max-width:17rem;margin:0 -.1rem}.addon-list .addon-list-item{display:inline-block;background-color:#303444;font-size:.8rem;color:#959bb4;font-weight:400;padding:.2rem .4rem;margin:.1rem;border-radius:3px}.noMessageHeading,.noMessageIcon{font-size:2rem;color:#fff;line-height:1.1;max-width:300px}.noMessageIcon{margin-top:10rem}.noMessageParagraph{color:#9da6c4;line-height:1.5;max-width:320px}.noMessageDivider{margin:3rem 0;height:1px;background-color:#4a567a;opacity:.5;border:none}.messageWrapper{display:-webkit-flex;display:flex;margin-bottom:1.5rem;position:relative;-webkit-align-items:flex-start;align-items:flex-start}.messageWrapper .messageContent{margin:0;color:#fff;padding:0 0 .8rem;word-wrap:anywhere}.messageWrapper .messageContent .partyparrot{height:3rem}.messageWrapper .message-special{color:#6c738b}.messageWrapper .message-special .messageUserNameSpecial{color:#fff;font-weight:700;padding-right:.5rem}.messageWrapper .messageUsernameWrap{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.messageWrapper .messageUserName{padding-top:.1rem;padding-bottom:.5rem;color:#9da6c4;margin:0;padding-right:.5rem}.messageWrapper.blocked .messageContent,.messageWrapper.blocked .messageUserNamem{color:#7c849f}.messageWrapper.blocked .userAvatar{background:#272c43}.messageInvite-wrapper-wrapper{width:100%;-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;background:#121727}.messageWrapper .messageDuelMessageContainer{max-width:100%;display:-webkit-flex;display:flex;width:500px;min-height:13rem;padding-bottom:.8rem}.messageInvite-wrapper{border-radius:5px;width:100%;-webkit-flex:1 1;flex:1 1;position:relative;overflow:hidden;display:-webkit-flex;display:flex}.messageInvite-wrapper .userAvatar .status-bubble{border-color:#121727}.messageInvite-wrapper.hideCubes .dark-cube,.messageInvite-wrapper.hideCubes .red-cube{display:none}.messageInvite-accent{background:#414867;width:4px}.messageInvite-accent.green{background:#35e2a2}.messageInvite-accent.blue{background:#3baae3}.messageInvite-content{position:relative;width:100%;padding:0 2rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex:1 1;flex:1 1;-webkit-flex-direction:column;flex-direction:column}.messageInvite-user{font-size:16px;color:#fff}.messageInvite-user .userAvatar{width:2rem;height:2rem;margin-right:1rem}.messageInvite-content .text{font-weight:700;width:35%;line-height:1.2;padding-bottom:2rem;color:#fff}.messageInvite-content .button-new{padding:.7rem 2rem}.messageInvite-content .error{padding-top:1rem;color:#d46074}.messageInvite-user{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding-bottom:1rem}.messageInvite-content .dark-cube,.messageInvite-content .red-cube{position:absolute;top:0;right:0;height:5rem;width:5rem;-webkit-transform:rotate(30deg);transform:rotate(30deg)}.messageInvite-content .red-cube{background:linear-gradient(180deg,#e45655,#a13754);height:8rem;width:8rem;right:-1.5rem;top:-2rem}.messageInvite-content .dark-cube{background:#262b41;height:7rem;width:7rem;right:-2.5rem;top:4rem}.messageMessageContainer{width:100%}.messageMessage{position:relative}.message-delete-button{position:absolute;top:50%;right:.5rem;width:2rem;height:2rem;margin-top:-1rem}.message-delete-button .red-icon{color:#d46074}.messageWrapper .messageMessage:hover .bg-layers,.messageWrapper .messageUserName:hover+.messageMessageContainer .messageMessage:first-child .bg-layers{opacity:1}.messageWrapper .messageMessage:first-child .bg-layers{margin-top:-1.8rem}.messageWrapper .bg-layers{position:absolute;opacity:0;left:-5.5rem;right:-1.5rem;top:0;bottom:0;margin:-.1rem 0 .2rem}.messageWrapper .bg-underlay{background-color:#181b2c;z-index:-6}.messageMessage .bg-overlay{pointer-events:none}.messageMessage .bg-overlay>*{pointer-events:all}.user-tag{background-color:#6b3aab;color:#fff;padding:.1rem .6rem;border-radius:4px;margin-left:.5rem;text-transform:uppercase;font-size:.8rem;font-weight:600}.user-tag.tag-owner{background-color:#345fd5}.user-tag.tag-banned,.user-tag.tag-muted{background-color:#9c3446}.messageViewWrapper{-webkit-flex:1 1;flex:1 1;flex-direction:column;height:0}.loading-view,.messageViewWrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:column}.loading-view{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:100%;font-size:.8rem;color:#fff;flex-direction:column;margin-left:5rem;margin-right:5rem}.loading-view.fadein{-webkit-animation:loading-fadein 4s ease-out 0s 1;animation:loading-fadein 4s ease-out 0s 1;opacity:1}.loading-view .icon{background:linear-gradient(to bottom right,#29419f,#a34fec);-webkit-transform:rotate(45deg);transform:rotate(45deg);height:5rem;width:5rem;border-radius:10px;-webkit-animation:loading-rotate-again 2.2s cubic-bezier(.57,.01,.35,1) .2s infinite;animation:loading-rotate-again 2.2s cubic-bezier(.57,.01,.35,1) .2s infinite;margin-bottom:3rem;margin-top:6.5rem}.loading-view h1{text-align:center;font-weight:400;line-height:1;font-weight:700;font-size:2em}@-webkit-keyframes loading-rotate-again{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}90%{-webkit-transform:rotate(765deg);transform:rotate(765deg)}to{-webkit-transform:rotate(765deg);transform:rotate(765deg)}}@keyframes loading-rotate-again{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}90%{-webkit-transform:rotate(765deg);transform:rotate(765deg)}to{-webkit-transform:rotate(765deg);transform:rotate(765deg)}}@-webkit-keyframes loading-fadein{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes loading-fadein{0%{opacity:0}50%{opacity:0}to{opacity:1}}.account-setup-modal .icon{display:-webkit-flex;display:flex;color:#6790e6;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding-top:2rem;padding-bottom:1rem;font-size:2.5rem}.account-setup-modal{text-align:center}.account-setup-modal .heading{font-weight:700;font-size:1.5rem}.account-setup-modal .paragraph{color:#9da6c4;margin-bottom:5rem;line-height:1.5}.account-setup-modal .paddbot{margin-bottom:2rem}.pong-wrapper{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-color:#121521;padding:2rem;box-sizing:border-box;height:100%}.pong-wrapper .pong-game-view{margin:0 auto;max-width:100%}.pong-wrapper .pong-canvas-wrapper{height:100%;max-height:25rem;width:150rem;max-width:100%;display:block;position:relative}.pong-wrapper .pong-canvas{overflow:hidden;border-radius:10px;margin:0 auto;display:block}.pong-wrapper .pong-canvas-wrapper.loading .pong-canvas{background-color:#1a1f31}.pong-wrapper .pong-score{display:-webkit-flex;display:flex;margin:0 2rem 3rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.pong-wrapper .pong-score .right-align{text-align:right;-webkit-justify-content:flex-end;justify-content:flex-end;margin-right:1rem}.pong-wrapper .pong-score .left-align{-webkit-justify-content:flex-start;justify-content:flex-start;text-align:left;margin-left:1rem}.pong-wrapper .pong-score .pong-score-points{font-size:5rem;color:#fff;height:4rem;width:6rem;-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}.pong-wrapper .pong-score .pong-score-name,.pong-wrapper .pong-score .pong-score-points{font-weight:700;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.pong-wrapper .pong-score .pong-score-name{font-size:1.2rem;color:#8ba6e5}.pong-wrapper .pong-score .pong-score-name.red{color:#e386af}.pong-wrapper .pong-score .pong-score-name.gray{color:#435077;font-weight:400}.pong-wrapper .pong-score .pong-score-name{-webkit-flex:1 1;flex:1 1}.pong-wrapper .pong-score .pong-score-dash{height:4px;width:2.5rem;background-color:#2a3453;border-radius:2px;margin:auto 1rem}.pong-wrapper .pong-spectators{color:#8892b2;text-align:center;margin:1.5rem 0 0}.pong-wrapper .bottomright{position:fixed;right:2rem;bottom:2rem;text-align:left;margin:0}.pong-wrapper .bottomleft{position:fixed;left:2rem;bottom:2rem;text-align:left;margin:0}.pong-wrapper .pong-countdown-overlay{position:absolute;display:-webkit-flex;display:flex;top:0;left:0;right:0;bottom:0;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:rgba(18,21,33,0);transition:background-color .1s ease-in-out;pointer-events:none}.pong-countdown-overlay.showing{background-color:rgba(18,21,33,.404)}.pong-countdown-overlay.showing.invisible{background-color:rgba(18,21,33,0)}.pong-wrapper .pong-countdown-overlay.showing .pong-waiting{display:-webkit-flex;display:flex}.pong-wrapper .pong-waiting{width:35rem;display:none;-webkit-flex-direction:row;flex-direction:row;text-align:center;-webkit-align-items:center;align-items:center;pointer-events:all}.pong-wrapper .pong-waiting h2{color:#fff;font-weight:700;font-size:1.2rem;margin:0}.pong-wrapper .pong-waiting p{color:#8892b2}.pong-wrapper .pong-countdown-text{font-weight:700;color:#fff;font-size:4rem;opacity:0}.pong-wrapper .pong-countdown-overlay.showing .pong-countdown-text{-webkit-animation:countdown-anim .8s ease-in-out;animation:countdown-anim .8s ease-in-out}@-webkit-keyframes countdown-anim{0%{-webkit-transform:scale(.2);transform:scale(.2);opacity:0}25%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:1}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:1}to{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes countdown-anim{0%{-webkit-transform:scale(.2);transform:scale(.2);opacity:0}25%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:1}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:1}to{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}.pong-endcard{width:30rem;max-width:100%;padding:1rem;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin:auto;-webkit-align-items:center;align-items:center}.pong-endcard .pong-endcard-title{font-weight:700;font-size:2rem;color:#fff;text-align:center;margin-bottom:5rem;-webkit-flex:1 1;flex:1 1}.pong-endcard .pong-endcard-scores{display:-webkit-flex;display:flex;margin:0 -5rem 2rem;width:100%}.pong-endcard .pong-endcard-crown{position:absolute;color:#c9f65c;font-size:1.8rem;top:0;left:50%;-webkit-transform:translate(-50%,-3rem);transform:translate(-50%,-3rem)}.pong-endcard .pong-endcard-crown.hide{display:none}.pong-endcard .pong-endcard-score{position:relative;padding:.5rem;border-radius:10px;background-color:#1a1f31;margin:0 .75rem;width:100%;box-sizing:border-box}.pong-endcard .pong-endcard-score-num{padding:.5rem;border-radius:10px;font-weight:700;font-size:5rem;color:#fff;text-align:center;margin:0}.pong-endcard .pong-endcard-score-name{font-weight:700;font-size:1.2rem;color:#8ba6e5;text-align:center}.pong-endcard .pong-endcard-score-name.red{color:#e386af}.pong-endcard .pong-endcard-keyvalue{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:100%;padding:0 .75rem;box-sizing:border-box}.pong-endcard .pong-key{-webkit-flex:1 1;flex:1 1;color:#8892b2}.pong-endcard .pong-value{color:#fff;font-weight:700}.pong-endcard .pong-marginbottom{margin-bottom:5rem}.waiting-left,.waiting-right{-webkit-flex:1 1;flex:1 1;padding:3rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;text-align:center;-webkit-align-items:center;align-items:center}.waiting-header{font-weight:700;font-size:1.6rem;margin:0 0 3rem;color:#fff}.waiting-color.blue{background-color:#3253bf}.waiting-color.red{background-color:#9b403f}.waiting-color{padding:.1rem .5rem;font-size:1rem;border-radius:2px;color:#fff;margin-left:.5rem}.waiting-keys{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:5px}.waiting-key{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#fff;background-color:#4a526b;border-radius:5px;height:3rem;width:3rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.waiting-key.hide{opacity:0}.waiting-key.wide{margin-top:1.5rem;width:calc(15rem + 10px)}.waiting-key.fade{font-weight:700;color:#4c5164;background:rgba(54,60,82,.425)}.waiting-controls,.waiting-key.fade{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.waiting-controls{-webkit-flex-direction:column;flex-direction:column}.settings-view-wrapper{color:#fff;display:block;width:50rem;max-width:100%;margin:auto;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding-top:4rem}.settings-view-wrapper>.card{background:#15192a;border-radius:10px;padding:2rem 2rem 3rem;margin-bottom:1rem}.user-profile-columns{display:-webkit-flex;display:flex}.user-profile-columns .userAvatar{width:6rem;height:6rem;margin-top:2rem;margin-right:2rem}.user-profile-expand{-webkit-flex:1 1;flex:1 1}.user-name .text-wrapper{margin-top:1rem;margin-bottom:1rem;width:24rem}.twofa-wrapper{padding-bottom:2rem}.twofa-wrapper .green p,.twofa-wrapper .red p{display:-webkit-flex;display:flex}.twofa-wrapper .red{color:#d46074}.twofa-wrapper .twofa-icon{margin-right:.5rem}.twofa-wrapper .red h2{color:#fff}.twofa-wrapper .green{color:#7bdb94}.twofa-wrapper .green h2{color:#fff}.dangerZone-wrapper p{color:#8892b2;width:22rem;line-height:1.5rem;margin-bottom:2rem}.twofa-setup-modal{color:#fff;text-align:center;position:relative}.twofa-setup-modal .qr-icon{position:absolute;top:-2rem;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);font-size:10rem;border-radius:10px;padding:1rem 1rem .5rem;width:13rem}.twofa-setup-modal .qr-icon>canvas{width:100%!important;height:auto!important;border-radius:10px}.twofa-setup-modal .icon{padding-top:8rem;color:#6790e6;font-size:1.5rem}.twofa-setup-modal .twofa-motto{color:#9da6c4;width:13rem;text-align:center;margin:1rem auto 3rem;line-height:1.35}.twofa-setup-modal .backup-codes-card{background:#252a40;border-radius:5px;margin-bottom:1rem;padding:2rem}.twofa-setup-modal .backup-codes-card h5{text-align:left;padding-bottom:1rem;margin:0}.twofa-setup-modal .backup-codes{display:-webkit-flex;display:flex}.twofa-setup-modal .backup-codes>ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,auto);-webkit-justify-content:space-between;justify-content:space-between;width:100%;grid-row-gap:.8rem;color:#9da6c4;font-size:.9rem}.twofa-setup-modal .backup-codes li{padding:0}.twofa-setup-modal Button{margin-bottom:2rem}.friendlist-wrap .friendlist-profile{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-bottom:.4rem}.friendlist-wrap .friendlist-profile .friendlist-name{-webkit-flex:1 1;flex:1 1;color:#9da6c4}.friendlist-wrap .friendlist-profile .friendlist-avatar{-webkit-transform:scale(.8);transform:scale(.8);margin:0 -.2rem 0 -.4rem}.friendlist-wrap .friendlist-empty{color:#9da6c4;text-align:center}.send-friend-request-wrap .button-wrap{-webkit-flex-direction:column;flex-direction:column;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin:2rem 0 0}.send-friend-request-wrap .text-success{color:#5eb975}.send-friend-request-wrap .text-error{color:#d66175}.send-friend-request-wrap .text-input{margin-top:1rem}.channel-settings-view{color:#fff;display:block;width:60rem;max-width:100%;margin:0 auto;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding-top:4rem}.channel-settings-view-card,.channel-settings-view>.card{background:#15192a;border-radius:10px;padding:2rem;margin-bottom:1rem}.channel-settings-wrapper{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start}.channel-settings-expand{-webkit-flex:1 1;flex:1 1}.channel-settings-expand Button{margin-top:5rem}.channel-settings-view .password{display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end}.channel-settings-view .password .text-wrapper{-webkit-flex:1 1;flex:1 1}.channel-settings-view .password Button.hidden{display:none}.channel-settings-view .password input:focus Button.hidden{display:-webkit-flex;display:flex}.channel-settings-view .password Button{padding:1rem;margin-left:.5rem;margin-top:0}.channel-settings-view .info-card{background:#1e253d;border-radius:10px;padding:.5rem 2rem 2rem;width:15rem;margin-left:6rem;margin-right:2rem;margin-top:1rem}.channel-settings-view .info-card .info-line{margin-top:.5rem}.channel-settings-view .channel-settings-view-card ul{list-style:none;padding:0}.channel-settings-view .channel-settings-view-card ul>li{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:.5rem 1.5rem;margin-bottom:.5rem}.channel-settings-view .channel-settings-view-card ul>li .hideUnselected{display:none}.channel-settings-view .channel-settings-view-card ul>li:hover .hideUnselected{display:block}.channel-settings-view .channel-settings-view-card ul>li:hover{background:#23273b;border-radius:10px}.channel-settings-view .channel-settings-view-card ul li .user{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:1.2rem}.channel-settings-view .no-list{color:#9da6c4;padding-left:2rem}.toggleSwitch .toggleSwitchInput{display:none}.toggleSwitch{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;margin-bottom:1rem}.toggleSwitch .toggleContainer{height:1.2rem;width:2.3rem;position:relative;border-radius:.6rem;background-color:#1e253d;display:block;margin-right:.5rem}.toggleSwitch .toggleContainer:before{content:"";height:.8rem;width:.8rem;margin:.2rem .2rem .2rem .25rem;border-radius:.4rem;background-color:#515d85;transition:-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out;transition:transform .1s ease-in-out,-webkit-transform .1s ease-in-out;display:block;position:absolute;top:0;left:0}.toggleSwitch:hover .toggleContainer:before{background-color:#fff}.toggleSwitch:active .toggleContainer:before{-webkit-transform:translateX(.1rem);transform:translateX(.1rem)}.toggleSwitch .toggleSwitchInput:checked+.toggleContainer:before{-webkit-transform:translateX(1rem);transform:translateX(1rem)}.toggleSwitch:active .toggleSwitchInput:checked+.toggleContainer:before{-webkit-transform:translateX(.9rem);transform:translateX(.9rem)}.toggleSwitch:hover .toggleContainer{background-color:#2c3554}.toggleSwitchInput:checked+.toggleContainer{background-color:#3a52b2}.toggleSwitchInput:checked+.toggleContainer:before{background-color:#fff}.toggleSwitch:hover .toggleSwitchInput:checked+.toggleContainer{background-color:#4b65ca}.punishment-modal-wrapper{text-align:left}.punishment-modal-wrapper .text-input{margin-bottom:1rem}.GameMatchView{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex:1 1;flex:1 1;height:100%;-webkit-flex-direction:column;flex-direction:column;text-align:center;overflow-y:auto;padding:4rem 1rem;box-sizing:border-box}.GameMatchView .GameMatchView-heading{color:#fff;max-width:100%;width:20rem;margin-bottom:4rem;line-height:1.25}.GameMatchView .GameMatchView-cards{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:100%;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin:-.5rem;box-sizing:border-box}.ladderCard,.ladderCardSkeleton{background-color:#15192a;border-radius:10px;display:-webkit-flex;display:flex;height:15rem;width:100%;max-width:30rem;min-width:25rem;margin:.5rem}.ladderCard{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:flex-end;justify-content:flex-end;padding:2rem;box-sizing:border-box;color:#fff;cursor:pointer;overflow:hidden;position:relative;transition:background-color .1s ease-in-out,-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out,background-color .1s ease-in-out;transition:transform .1s ease-in-out,background-color .1s ease-in-out,-webkit-transform .1s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ladderCard .ladderCard-deco{font-size:13rem;position:absolute;right:-2rem;bottom:1rem;-webkit-transform:rotate(-25deg);transform:rotate(-25deg);color:#2a2f47;transition:color .1s ease-in-out,-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out,color .1s ease-in-out;transition:transform .1s ease-in-out,color .1s ease-in-out,-webkit-transform .1s ease-in-out}.ladderCard:hover{-webkit-transform:scale(1.02);transform:scale(1.02);background-color:#2a2f47}.ladderCard:active{-webkit-transform:scale(1);transform:scale(1);background-color:#232941}.ladderCard:hover .ladderCard-deco{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}.ladderCard .ladderCard-title{font-size:1.2rem;margin:0 0 1rem}.ladderCard-rank{font-size:1rem;font-weight:700;color:#6c6381;margin:0 0 .5rem}.ladderCard .ladderCard-description{font-size:1rem;color:#9da6c4;line-height:1.25;margin:0;font-weight:400;max-width:12rem;text-align:left}.ladderCard .ladderCard-icon{margin-bottom:1rem;font-size:2em}.ladderCard.ladderCard-color-blue .ladderCard-icon,.ladderCard.ladderCard-color-blue:hover .ladderCard-deco{color:#4191ee}.ladderCard.ladderCard-color-yellow .ladderCard-icon,.ladderCard.ladderCard-color-yellow:hover .ladderCard-deco{color:#f2ec4a}.ladderCard.ladderCard.ladderCard-color-yellow .ladderCard-deco{right:-4rem;bottom:-3rem;font-size:15rem;-webkit-transform:rotate(20deg);transform:rotate(20deg)}.ladderCard.ladderCard.ladderCard-color-yellow:hover .ladderCard-deco{-webkit-transform:rotate(15deg);transform:rotate(15deg)}.ladderCard-rank-color-bronze{color:#b9755a}.ladderCard-rank-color-silver{color:#bcb8c5}.ladderCard-rank-color-yellow{color:#f2ec4a}.ladderCard-rank-color-blue{color:#4db7e0}.ladderCard-rank-color-sparkles{color:#f05f7e;text-shadow:0 0 15px #e24e8c}.matches-view-wrapper{color:#fff;display:block;padding:4rem 1rem}.matches-view-container{max-width:40rem;width:100%;display:block;margin:0 auto}.statistics-view{width:100%;max-width:50rem;margin:0 auto;box-sizing:border-box;padding:4rem 2rem}.statistics-view .stat-heading{font-size:2rem;color:#fff;font-weight:700;margin:4rem 0 2rem}.statistics-view .stat-grid{display:grid;grid-gap:.5rem;grid-template-columns:repeat(3,1fr)}.statistics-view .stat-grid .stat-item{background-color:#15192a;border-radius:5px;padding:1.1rem 1.5rem}.statistics-view .stat-grid .stat-item-number{color:#fff;font-size:3rem;font-weight:700;margin:0}.statistics-view .stat-grid .stat-item-label{color:#4a567a;margin:.5rem 0 0}.channel-list .channel-list-item{background-color:#252a40;color:#fff;border-radius:5px;margin-bottom:.7rem;cursor:pointer;padding:1rem;border:3px solid #252a40;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:border-color 80ms ease-in-out,background-color 80ms ease-in-out}.channel-list .channel-list-item:hover{background-color:#313753;border-color:#313753}.channel-list .channel-list-item:active{border-color:#6790e6}.channel-list .channel-list-item .channel-title{margin:0}.channel-text{color:#9da6c4;margin:.5rem 0}.channel-error{margin:.5rem 0;color:#d46074}.channel-form{display:block;margin:2rem auto;width:25rem;max-width:100%}.channel-form .channel-input{margin-bottom:1rem}
/*# sourceMappingURL=main.16961e5c.chunk.css.map */