.icon-button{cursor:pointer;padding:.2em;outline:none;background:transparent;border:none;line-height:0;opacity:.7;-webkit-transition:opacity .1s ease-out;transition:opacity .1s ease-out}.icon-button:focus,.icon-button:hover{opacity:1}.icon-button svg{height:1em;width:1em}.volume-controller{width:170px;display:flex;align-items:center}.volume-controller .volume-icon{cursor:pointer;font-size:1.5rem;margin-left:8px;margin-right:3px}.volume-controller .volume-icon.medium{margin-left:6px;margin-right:5px}.volume-controller .volume-icon.low{margin-left:4px;margin-right:7px}.volume-controller .ant-slider{flex:1 1;margin-top:8px}.volume-controller .ant-slider:hover .ant-slider-rail{background-color:#1e1e1e}.volume-controller .ant-slider:hover .ant-slider-track{background-color:#1881b1}.volume-controller .ant-slider-rail{background-color:#1e1e1e;height:6px}.volume-controller .ant-slider-track{height:6px;background-color:#1881b1}.volume-controller .ant-slider-handle{margin-top:-4px;border:none;background-color:#b5bec2}.votes{display:flex;font-size:1.3em}.votes .vote{margin:0 .3rem;display:flex;background-color:#1f1f1f;align-items:center}.votes .vote .btn{border:none;outline:none;cursor:pointer;padding:.4em .7em;background-color:#252525}.votes .vote .btn span{-webkit-transition:opacity .15s ease-out;transition:opacity .15s ease-out;opacity:.7}.votes .vote:not(.disabled) .btn:focus,.votes .vote:not(.disabled) .btn:hover{background-color:#414141}.votes .vote:not(.disabled) .btn:focus span,.votes .vote:not(.disabled) .btn:hover span{opacity:1}.votes .vote.disabled .btn{cursor:not-allowed}.votes .vote.disabled .btn span{opacity:.4}.votes .vote .count{padding:0 .7em}.votes .like.active .btn{color:#28a1d8}.votes .dislike.active .btn{color:#e73c3c}.time-progress{width:100%;display:flex;align-items:center}.time-progress .time{padding:0 .5em;color:#929292;font-weight:500}.time-progress .progress{height:5px;width:100%;background-color:#494949;border-radius:2px;overflow:hidden}.time-progress .progress .filling{height:100%;background-color:grey;-webkit-transition:width .5s;transition:width .5s}#bottom-bar{width:100%;background-color:#2c2c2c;position:fixed;bottom:0;-webkit-transition:height .5s ease-out;transition:height .5s ease-out;display:flex;flex-direction:column;justify-content:center}#bottom-bar .music{display:flex;align-items:center;min-height:30px;z-index:10;overflow:hidden}#bottom-bar .music.playing{height:80px}#bottom-bar .time-progress-container{width:50%}#bottom-bar .time-progress-container.small{width:100%;position:absolute;left:0;top:0}#bottom-bar .time-progress-container.small .time{display:none}#bottom-bar .time-progress-container.small .progress{height:3px}#bottom-bar .song-info{width:60%;padding:0 1.2em;display:flex;justify-content:space-between;align-items:center}#bottom-bar .currently-playing{flex:1 1;display:flex;font-size:1.2em;align-items:center}#bottom-bar .currently-playing .thumbnail{display:block;width:60px;height:60px;background-position:50%;background-repeat:no-repeat;overflow:hidden;margin-right:.7em;border-radius:3px;flex-shrink:0}#bottom-bar .currently-playing .title{line-height:1.4em;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical}#bottom-bar .currently-playing .dj{color:grey;font-size:.85em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#bottom-bar .play-controls{font-size:1.7em;line-height:1.4em;text-align:center}#bottom-bar .play-controls .play{margin-right:.3em}#bottom-bar .play-controls .skip{font-size:.9em}#bottom-bar .actions{padding:0 1.2em;width:60%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}#bottom-bar .volume-container{margin-left:auto}#bottom-bar .add-to-collection{margin-left:.5em}#bottom-bar .open-action-panel-button{-webkit-transition:-webkit-transform .5s ease-in;transition:-webkit-transform .5s ease-in;transition:transform .5s ease-in;transition:transform .5s ease-in,-webkit-transform .5s ease-in}#bottom-bar .open-action-panel-button.opened{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.m-layout #bottom-bar #bottom-menu{z-index:10}.m-layout #bottom-bar .add-to-collection,.m-layout #bottom-bar .volume-container{margin-left:0}.m-layout #bottom-bar .song-info{width:100%;height:100%;background-color:#2c2c2c}.m-layout #bottom-bar .volume-controller{width:120px}.m-layout #bottom-bar .actions{position:absolute;width:100%;height:50px;top:0;-webkit-transition:top .5s ease-out;transition:top .5s ease-out;background-color:#2c2c2c;z-index:-1;flex-direction:row-reverse}.m-layout #bottom-bar .actions.open{top:-50px}#app-version{color:#595959;margin-bottom:.1rem;font-size:.75em}#bottom-menu{width:100%;display:none;flex-direction:row;height:42px;font-size:2em;margin-top:auto;overflow:hidden;background-color:#2c2c2c}#bottom-menu .bm-item{width:100%;text-align:center;border:1px solid #272727;color:#a8a8a8;background-color:rgba(0,0,0,.17);-webkit-transition:all .2s ease-out;transition:all .2s ease-out;padding:0 .5rem}#bottom-menu .bm-item.active{color:#28a1d8;background-color:unset}#bottom-menu .bm-item.disabled{opacity:.5;color:#3f3f3f;background-color:rgba(0,0,0,.26)}#bottom-menu .bm-item.room-name{-webkit-transition:font-size .5s ease-in-out;transition:font-size .5s ease-in-out;display:flex;flex-direction:column;justify-content:center;max-width:50%}#bottom-menu .bm-item.room-name span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#bottom-menu .bm-item.room-name.is-set{font-size:50%}.m-layout #bottom-menu{display:flex}.user-avatar.ant-avatar{width:2em;height:2em;line-height:2em}.username-avatar{display:flex;align-items:center;color:inherit}.username-avatar:hover,.username-avatar:link{color:inherit}.username-avatar .user-avatar{flex-shrink:0;margin-right:.5em}.username-avatar .username-avatar-name{overflow:hidden;text-overflow:ellipsis}.m-layout #user-sidebar .music-list-collection{overflow-y:scroll}.m-layout #user-sidebar .user-info .username{padding-top:.3em;padding-bottom:.3em}.m-layout #user-sidebar .music-list-collection .ant-menu-item{margin-bottom:0}#user-sidebar{height:100%;overflow:hidden;display:flex;flex-direction:column}#user-sidebar .menu-title{margin:0;padding:.2em 1em;font-size:1.2em;border-top:2px solid hsla(0,0%,44.7%,.270588);opacity:.8;font-weight:lighter;-webkit-transition:font-size .2s ease-in-out;transition:font-size .2s ease-in-out}#user-sidebar .music-list-collection{height:100%;border-bottom:2px solid hsla(0,0%,44.7%,.270588);overflow-y:hidden}#user-sidebar .music-list-collection .ant-menu-item{line-height:35px;height:35px;min-width:80px;margin-bottom:0}#user-sidebar .music-list-collection:hover{overflow-y:auto}#user-sidebar .music-list-collection-item{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#user-sidebar .user-info .username{border-top:2px solid hsla(0,0%,44.7%,.270588);padding:1em .6em;display:flex;align-items:center;font-size:1.5em}#user-sidebar .user-info .username .username-avatar{overflow:hidden}.ant-layout-sider-collapsed #user-sidebar .menu-title{font-size:.92em;text-align:center}.ant-layout-sider-collapsed #user-sidebar .user-info .username{padding:.5em}.ant-layout-sider-collapsed #user-sidebar .user-info .username .username-avatar>span:not(.user-avatar){display:none}.media-item{display:flex;width:100%;max-width:100%;align-items:center;-webkit-transition:background-color .15s ease-out;transition:background-color .15s ease-out}.media-item.small{font-size:80%}.media-item.small img{height:30px;width:40px}.media-item img{height:60px;width:80px;flex-shrink:0}.media-item-title{padding-left:1em;font-size:1.15em;font-weight:700;margin-right:auto;width:100%;overflow:hidden;text-overflow:ellipsis}.media-item-duration{color:grey;width:15%;text-align:right;padding:0 5% 0 1em;margin-right:auto;white-space:nowrap}.m-layout .media-item-duration{padding-right:5px;padding-left:2px}.m-layout .media-item-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.music-list-thumbnail{position:relative;background:#0f1111;display:inline-block;overflow:hidden;width:1em;height:1em;line-height:0;text-align:left;flex-shrink:0}.music-list-thumbnail.single-image .image{width:100%;height:100%;background-size:2em}.music-list-thumbnail .image{width:50%;height:50%;overflow:hidden;background-position:50%;background-repeat:no-repeat;background-size:1em;float:left}.music-list-thumbnail.empty{display:inline-flex;justify-content:center;align-items:center;color:#444}.music-list-thumbnail.empty svg{width:60%;height:60%}.music-list-item{display:flex;width:100%;align-items:center;font-size:1.3em}.music-list-item .music-list-thumbnail{flex-shrink:0}.music-list-item.small{font-size:80%}.music-list-item-title{padding-left:.6em;font-size:1.1em;width:100%;text-align:left;display:flex;overflow:hidden;text-overflow:ellipsis}#main-menu .logo{padding:1em;display:flex;align-items:center;flex-direction:column}#main-menu .logo a{min-width:auto}#main-menu .logo .img{max-width:60px;width:100%;height:auto}#main-menu .ant-menu-item{border-left:3px solid transparent}#main-menu .room-list{display:flex;align-items:center}#main-menu .room-list .logo-icon{margin-left:auto}#main-menu .connected-room{border-left:3px solid #28a1d8;background-color:#181818;padding-right:0;display:flex}#main-menu .connected-room>a{padding-right:.5em}#main-menu .connected-room.ant-menu-item-selected{background-color:#28a1d8}#main-menu .connected-room:hover .leave-room-button{width:40px;border-right-width:3px}#main-menu .connected-room .leave-room-button{margin-left:auto;background-color:rgba(185,42,32,.16);border-right:0 solid #b90d21;-webkit-transition:width 2s cubic-bezier(1,-.1,.92,.02),border-right-width 2s cubic-bezier(1,-.1,.92,.02),padding 2s cubic-bezier(1,-.1,.92,.02);transition:width 2s cubic-bezier(1,-.1,.92,.02),border-right-width 2s cubic-bezier(1,-.1,.92,.02),padding 2s cubic-bezier(1,-.1,.92,.02);width:0;padding:0;z-index:100;opacity:1}#main-menu .connected-room .leave-room-button .anticon{margin-right:0}#main-menu a{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;min-width:80px}.m-layout #main-menu .leave-room-button{width:50px;border-right-width:3px}.social-login-button{font-size:1.1em;width:100%}.social-login-button-google:hover{background-color:#dd4b3a;color:#fff;border-color:#dd4b3a}.social-login-button-facebook:hover{background-color:#1877f2;color:#fff;border-color:#1877f2}#login-page{height:100%}#login-page .sign-in-row .ant-form-item-control-input-content{display:flex;align-items:center}#login-page .sign-in-row .ant-form-item-control-input-content>.ant-checkbox-wrapper{margin-left:1em;margin-right:auto}.music-list-list .empty{padding:5rem 1rem 0;text-align:center;color:grey}.music-list-list .media-item{border-bottom:1px solid #242424;padding:0 1rem;position:relative}.music-list-list .media-item-title{max-width:500px}.music-list-list .media-item.active,.music-list-list .media-item.ant-dropdown-open,.music-list-list .media-item:focus,.music-list-list .media-item:hover{background-color:rgba(97,97,97,.38)}.music-list-list .media-item:hover .actions{visibility:visible}.music-list-list .media-item .actions{visibility:hidden}.m-layout .music-list-list .media-item{padding:0;margin-bottom:2px;margin-top:2px}.m-layout .music-list-list .media-item .actions{position:absolute;top:0;right:5px}#music-list-page{padding-top:3rem;padding-bottom:3rem}#music-list-page .go-back-button{font-size:2.5em!important;margin-bottom:.3em;color:grey}#music-list-page>.ant-row{height:100%;align-content:flex-start}#music-list-page .ml-info{position:relative;display:flex;margin-bottom:2rem}#music-list-page .ml-info .title{margin-bottom:.2em}#music-list-page .ml-info .info{margin-left:2em}#music-list-page .ml-info .actions{position:absolute;top:-.65em;right:0}#music-list-page .input-container{display:flex;align-items:flex-end}#music-list-page .input-container .add-media{width:100%}#music-list-page .input-container .filter{margin-left:auto;padding-left:8px}#music-list-page .music-list-list{padding:1em}.m-layout #music-list-page{padding-top:1em;padding-bottom:1em}.m-layout #music-list-page .ml-info{margin-bottom:0}.m-layout #music-list-page .ml-info .is-public{margin-bottom:2rem}.m-layout #music-list-page .mobile-title{margin-bottom:.5em}.m-layout #music-list-page .music-list-list{padding-left:0;padding-right:0}.create-new-room-card{font-size:3em;padding:1em;display:inline-block;width:60%;margin:0 auto;text-align:center;border:2px solid grey;border-radius:3px;cursor:pointer;-webkit-transition:opacity .15s ease-out;transition:opacity .15s ease-out}.create-new-room-card:hover{opacity:.7}.room-card{color:#cecece}.room-card .thumbnail{margin:3px 3px 0;position:relative;overflow:hidden}.room-card .thumbnail img{max-width:100%;max-height:100%;width:100%}.room-card .thumbnail .media-name{position:absolute;top:0;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.2em .2em .3em;width:100%;background:#000;background:-webkit-gradient(linear,left top,left bottom,from(#000),color-stop(66%,rgba(0,0,0,.910802)),color-stop(94%,rgba(0,0,0,.25534)),to(transparent));background:linear-gradient(180deg,#000,rgba(0,0,0,.910802) 66%,rgba(0,0,0,.25534) 94%,transparent)}.room-card:hover .room-panel{background-color:#28a1d8}.room-card .room-panel{position:relative;width:100%;background-color:#2c2c2c;box-shadow:0 0 3px 0 rgba(0,0,0,.75);padding:.4em .7em;overflow:hidden;-webkit-transition:background-color .25s ease-out,color .6s;transition:background-color .25s ease-out,color .6s}.room-card .room-panel .info{display:flex}.room-card .room-panel .info .count{white-space:nowrap;font-size:1.2em}.room-card .room-panel .info .name{font-size:1.2em;margin-right:auto;color:#fff;margin-bottom:0}.room-card .room-panel .info .owner{grid-area:owner;font-size:.9em;margin-right:auto}.room-card .room-panel .info .lock{color:#cecece;font-size:1.1em;margin-right:.3em}.m-layout .room-card{font-size:85%}.room-list .ant-list-item.fullsize{height:100%}.room-list .ant-list-item.center{display:flex}#profile-page{max-width:1000px;padding-top:2em;padding-bottom:2em}#profile-page .ant-affix .user-info{background-color:#101010;box-shadow:0 14px 12px -8px rgba(0,0,0,.75)}#profile-page .ant-statistic-content{white-space:nowrap}#profile-page .user-info{font-size:4em;display:flex;margin-bottom:.5em;position:relative;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#profile-page .user-info .go-back-button{position:absolute;top:-.6em;left:0;font-size:.6em!important;color:grey}#profile-page .user-info .username{white-space:nowrap;display:flex;align-items:baseline}#profile-page .user-info .username .at{float:left;font-size:.9em;line-height:100%;color:grey}#profile-page .user-info .stats{width:100%;flex-grow:1;display:flex;align-items:center;justify-content:flex-end}#profile-page .user-info .stats .ant-statistic{margin:0 1em}#profile-page>.stats{display:flex;flex-wrap:wrap;justify-content:space-between}#profile-page>.stats>div{margin:0 1em}#profile-page .no-list{padding:3rem 0;text-align:center;color:grey}#profile-page .profile-music-lists-collections a{margin:.2em 0;display:flex;border-left:3px solid transparent;color:#b7b7b7;-webkit-transition:all .15s ease-out;transition:all .15s ease-out}#profile-page .profile-music-lists-collections a:active,#profile-page .profile-music-lists-collections a:focus,#profile-page .profile-music-lists-collections a:focus-within,#profile-page .profile-music-lists-collections a:hover{color:#e2e2e2;border-left:3px solid #28a1d8;background-color:rgba(48,48,48,.75)}#profile-page .profile-music-lists-collections a:active .icon-button,#profile-page .profile-music-lists-collections a:focus-within .icon-button,#profile-page .profile-music-lists-collections a:focus .icon-button,#profile-page .profile-music-lists-collections a:hover .icon-button{visibility:visible}#profile-page .profile-music-lists-collections a .music-list-item-title{padding-right:1em}#profile-page .profile-music-lists-collections a .icon-button{visibility:hidden}#profile-page .profile-music-lists-collections a.active{border-left:3px solid #28a1d8;background-color:#303030}.m-layout #profile-page{padding-top:1em}#rp-prompt-page .title{margin-top:0}#rp-prompt-page .back{cursor:pointer;margin-bottom:0;opacity:.8;-webkit-transition:opacity .15s ease-out;transition:opacity .15s ease-out}#rp-prompt-page .back:hover{opacity:.6}.media-player{max-height:360px;max-width:640px;overflow:hidden;background-color:#000;padding-top:56.25%;position:relative}.media-player.hide .player-wrapper{opacity:0}.media-player .player-wrapper{-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;opacity:1;position:absolute;top:0;left:0}.media-player .pause-info{position:absolute;height:100%;width:100%;background-color:rgba(0,0,0,.521);color:#fff;z-index:100;font-size:2em;display:flex;align-items:center;justify-content:center}.queue-list{overflow-y:auto;overflow-x:hidden}.queue-list>.ant-row{height:100%;flex-wrap:wrap-reverse}.queue-list .has-list{display:flex;flex-direction:column;max-height:100%;overflow:hidden}.queue-list .has-list .list{max-height:100%;overflow-y:auto}.queue-list .ant-divider{font-size:.9em;margin:1em;color:#d1d1d1;display:flex;align-items:center}.queue-list .list-empty{text-align:center;padding:2rem;color:grey}.queue-list .hoverable{-webkit-transition:background-color .15s ease-out;transition:background-color .15s ease-out}.queue-list .hoverable:hover{background-color:rgba(89,89,89,.14)}.queue-list .music-list{padding:.3em .6em;font-size:1.4em;display:flex;justify-content:flex-start;border-bottom:none}.queue-list .music-list .music-list-thumbnail{margin-right:.3em}.queue-list .music-list .ant-list-item-extra{margin-left:0}.queue-list .music-list .remove-music-list{position:absolute;top:51%;left:51%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);visibility:hidden;color:#ca4c52;width:-webkit-max-content;width:-moz-max-content;width:max-content}.queue-list .music-list .remove-music-list svg{width:unset;height:unset}.queue-list .music-list:hover .remove-music-list{visibility:visible}.queue-list .play{font-size:1.2em;display:flex;align-items:center;color:#848484;padding:.6em .7em .6em 0;border-bottom:1px solid #242424}.queue-list .play:first-child{font-size:1.2em}.queue-list .play:last-child{border-bottom:none}.queue-list .play .media-item-duration{color:#6e6e6e}.queue-list .play .remove-media{text-align:center;display:none;color:#ca4c52!important}.queue-list .play .order,.queue-list .play .remove-media{margin-right:.5em;width:45px;color:#6e6e6e;text-align:right;font-size:.9em}.queue-list .play:hover .order.can-remove{display:none}.queue-list .play:hover .remove-media{display:inline-block}.queue-list .play .media{width:100%}.queue-list .play .dj{margin-right:.7em}.music-list-menu{max-width:100%}.music-list-menu>ul{overflow-y:auto;overflow-x:hidden;max-height:90vh}#room-sidebar{background-color:#1f1f1f}#room-sidebar .ant-divider{color:#fff}#room-sidebar.chat{display:flex;flex-direction:column}#room-sidebar.chat .messages{height:100%;overflow-y:auto;overflow-x:hidden;padding-bottom:1em}#room-sidebar.chat .messages .message-wrapper{border-left:3px solid transparent;padding-left:calc(1em - 3px);padding-right:1em}#room-sidebar.chat .messages .message-wrapper.tagged{border-left-color:#28a1d8}#room-sidebar.chat .messages .message-wrapper:last-child .message{border-bottom:none}#room-sidebar.chat .messages .message{padding:.6em 0;border-bottom:2px solid #1a1a1a;overflow:hidden;word-wrap:break-word;position:relative}#room-sidebar.chat .messages .message.user{font-size:1.1em}#room-sidebar.chat .messages .message.user .username{font-size:1.1em;margin-right:.6em}#room-sidebar.chat .messages .message.user .time{color:grey;position:absolute;right:0;top:0;font-size:.8em}#room-sidebar.chat .messages .message.user .text{color:#fff}#room-sidebar.chat .messages .message.user .text a{opacity:.7;text-decoration:underline}#room-sidebar.chat .messages .message.system{color:grey;font-weight:700;text-align:center;font-size:1.1em}#room-sidebar.chat .input{padding:.4em}#room-sidebar.chat .input textarea{resize:none;border-color:#2b2b2b;background-color:rgba(44,44,44,.68)}#room-sidebar.chat .input textarea.ant-input[disabled]{background-color:hsla(0,0%,100%,.04)}#room-sidebar.staff-list .guests-connected-message,#room-sidebar.user-list .guests-connected-message{color:grey;text-align:center}#room-sidebar.staff-list .ant-list-item,#room-sidebar.user-list .ant-list-item{font-size:1.3em}#room-sidebar.staff-list .ant-list-item .actions,#room-sidebar.user-list .ant-list-item .actions{visibility:hidden}#room-sidebar.staff-list .ant-list-item .actions.delete,#room-sidebar.user-list .ant-list-item .actions.delete{color:#ca4c52}#room-sidebar.staff-list .ant-list-item:hover .actions,#room-sidebar.user-list .ant-list-item:hover .actions{visibility:visible}#sidebar-navbar{display:flex;flex-direction:row;align-items:center;font-size:1.4em}#sidebar-navbar .item{cursor:pointer;width:100%;height:100%;text-align:center;padding:.5em;outline:none;background-color:#2c2c2c;border:none;border-top:5px solid transparent}#sidebar-navbar .item:hover{background-color:#3d3d3d}#sidebar-navbar .item.active{border-top:5px solid #28a1d8;background-color:#1f1f1f}#room-stats{display:flex;background-color:#101010;padding:.3em .6em;justify-content:space-between;font-size:1.2em}#room-stats .connected-count,#room-stats .songs-in-queue{flex-shrink:0}#room-stats .current-song{padding:0 1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#room-stats .mdi-icon{margin:0 .2em}#room-page{height:100%;display:grid;grid-template-columns:auto minmax(200px,350px);grid-template-rows:0fr minmax(0,1fr);grid-template-areas:"header sidebar-navbar" "main sidebar"}#room-page.hidden{display:none}#room-page .r-header{grid-area:header}#room-page .r-header .created-by{font-size:.7em;font-weight:400;color:grey;margin-bottom:0}#room-page .r-header .connected-count{margin-left:1em;font-size:.9em;color:grey}#room-page .r-sidebar-navbar{grid-area:sidebar-navbar}#room-page .r-sidebar{grid-area:sidebar}#room-page .r-main{grid-area:main;padding:1em 1em 2em;overflow:hidden;display:flex;flex-direction:column;align-items:center}#room-page .r-main .player-col{max-width:640px;margin-bottom:2em;width:100%}#room-page .r-main .queue-col{max-width:860px;height:100%;width:100%;overflow:hidden}#room-page .r-main .queue-list{height:100%}#room-page .room-name{display:flex;align-items:center;margin-bottom:0}#room-page .room-name-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#room-page .room-name .edit-room-settings{margin-top:2px;font-size:.8em;margin-right:.3em;padding:0}#room-page .room-name .public-icon{font-size:18px;margin-right:.4em;color:grey;line-height:1em;margin-top:2px}#room-page .connect-count{margin-bottom:0;font-size:.8em;font-weight:400}.m-layout #room-page{grid-template-rows:0 minmax(0,1fr);grid-template-columns:auto 0}.m-layout #room-page.show-chat{grid-template-columns:0 auto;grid-template-rows:0fr minmax(0,1fr)}.m-layout #room-page .r-main{padding:0 0 2em}.m-layout #room-page .r-header{overflow:hidden;padding:0}.m-layout #room-page .player-col{margin-bottom:0}#sidebar{color:hsla(0,0%,100%,.65)}#sidebar .ant-layout-sider-children{display:flex;flex-direction:column}.main-layout{height:100vh;-webkit-transition:padding-bottom .5s ease-out;transition:padding-bottom .5s ease-out}.m-layout #sidebar{flex:0 0!important;max-width:unset!important;min-width:unset!important;width:unset!important;overflow:hidden}.m-layout #sidebar.open{flex:0 0 100%!important}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-thumb{background:#a7a7a7;border:0 #fff;border-radius:9px}::-webkit-scrollbar-thumb:hover{background:#ddd}::-webkit-scrollbar-track{background:#666;border:0 #fff}::-webkit-scrollbar-corner{background:transparent}.always-scroll{overflow-y:scroll;height:100%}.page{padding:1em 1.2em;min-height:100%}.page.has-borders{max-width:1280px}.page.has-borders.left,.page.has-borders.right{margin-right:auto}.page.has-borders.both{margin-right:auto;margin-left:auto}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ant-dropdown-menu-item,.ant-dropdown-menu-submenu-title{padding:8px 30px}.ant-dropdown-menu{background-color:#2c2c2c}.ant-dropdown-menu-item-divider,.ant-dropdown-menu-submenu-title-divider{background-color:#4a4a4a}.ant-page-header{padding-top:6px;padding-bottom:6px}.ant-page-header-heading{display:flex;align-items:center}.ant-page-header-heading-title{margin-right:auto}.actionable{cursor:pointer;background-color:transparent;border:none;outline:none;-webkit-transition:all .15s ease-out;transition:all .15s ease-out;border-radius:2px}.actionable:focus,.actionable:hover{background-color:#464646;color:#e4e4e4}.mdi-icon{display:inline-block;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;width:1em;height:1em}.ant-modal-body .ant-form-item-label{padding:0}.ant-input-affix-wrapper-disabled .ant-input[disabled]{background-color:transparent}.ant-dropdown-menu{overflow:hidden}.m-layout{font-size:90%}