.center-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;flex:1 1 100%}.center-container.offset{padding:24px}.loading-overlay{opacity:0;height:0;flex:0 0;transition:opacity .2s ease,height .2s ease,flex .2s ease;overflow:hidden}.loading-overlay.visible{opacity:1;height:100%;flex:1 1 100%}.splash-header{position:fixed;left:0;top:0;right:0;height:10vh;z-index:9;transition:height .5s ease;border-bottom:1px solid #ccc;box-shadow:0 0 10px rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.splash-header .header-background{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;opacity:.2;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=) no-repeat 50%;background-size:cover;transition:background-image .2s linear}.splash-header>*{position:relative;z-index:2}.splash-header .loading-overlay{opacity:0;transform:translateY(7vh);height:auto;flex:0 0 auto;overflow:hidden}.splash-header .header-children-container,.splash-header .header-logo-container{transition:opacity .5s ease,transform .5s ease;color:#fff;position:absolute;left:0;top:0;right:0;bottom:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:0 5vw}.splash-header .header-logo-container{opacity:1;transform:none;display:flex;flex-direction:row;align-items:center;justify-content:center}.splash-header .header-children-container{opacity:0;transform:translateY(100%)}.splash-header .header-children-container .ant-btn .anticon{color:#fff}.splash-header .header-children-container .ant-btn:first-child{margin:0 5vw 0 -2vw}.splash-header .header-children-container .ant-btn:last-child{margin:0}.splash-header .header-children-container .ant-btn.offset{margin-left:auto}.splash-header.with-children .header-logo-container{opacity:0;transform:translateY(-100%)}.splash-header.with-children .header-children-container{opacity:1;transform:none}.splash-header.with-children.change-children .header-children-container,.splash-header.with-children .header-children-container.twin{opacity:0;transform:translateY(-100%)}.splash-header.with-children.change-children .header-children-container.twin{transform:none;opacity:1}.splash-header.with-children.change-silent .header-children-container{transition:none}.splash-header.full-height{height:100vh}.splash-header.full-height .loading-overlay{opacity:1}.playlist .editor-header{padding:2vh;display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start}.playlist .editor-header .editor-image-uploader{flex:0 0 auto;font-size:0;background:no-repeat 50%;background-size:cover;margin-right:4vw;background-color:#ddd}.playlist .editor-header .editor-image-uploader .ant-upload-picture-card-wrapper{background-color:rgba(0,0,0,.1)}.playlist .editor-header .editor-image-uploader .ant-upload-picture-card-wrapper .ant-upload{background-color:transparent;color:#fff}.playlist .editor-header .editor-image-uploader .ant-upload.ant-upload-select-picture-card{margin:0}.playlist .editor-header .editor-form{flex:1 1 100%;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.playlist .editor-header .editor-form hr{border:none;height:1px;background-color:#ddd;margin:2vh 0}.playlists .playlists-items{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;margin:0}.playlists .playlists-items>*{flex:0 0 50%;height:50vw;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.playlists .playlist-item.as-button .playlist-image-placeholder{font-size:64px;color:#ccc;background-color:transparent;border:.5vh solid #ddd}.playlist-item{width:100%;height:100%;overflow:hidden;padding:10%;position:relative}.playlist-item img{width:100%;height:auto;object-fit:contain}.playlist-item.current{animation:toggle .2s ease 1}.playlist-item .playlist-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:3vh;font-weight:100;text-align:center;height:100%;background-color:#ddd}.playlist-item img+.playlist-image-placeholder{position:absolute;left:10%;top:10%;width:80%;height:80%;background-color:rgba(0,0,0,.2);color:#fff}@keyframes toggle{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}.player{height:0;transition:height .5s ease,transform .5s ease;background-color:#111;color:#fff;position:relative;text-align:center;transform:translateY(2vh)}.player *{position:relative;z-index:2}.player .player-header{position:static;padding-top:7vh}.player .player-header .track-info{transition:opacity .5s ease}.player .player-header h5{color:#fff;margin:0}.player .track-picture-container{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1}.player .track-picture-container span{display:block;width:100%;height:100%;object-fit:cover;opacity:.2;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=) no-repeat 50%;background-size:cover;transition:background-image .5s ease}.player .player-controls{flex-direction:row;line-height:50px;transition:opacity .5s ease}.player .player-controls,.player .player-controls>*{display:flex;align-items:center;justify-content:center}.player .player-controls>*{flex:0 0 50px;height:50px;flex-direction:column;position:relative}.player .player-controls>.player-control-side{opacity:.5}.player .player-controls>.player-control-side:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s ease;will-change:transform;background-color:hsla(0,0%,100%,.2);width:50%;height:50%;border-radius:50%}.player .player-controls>.player-control-side:first-child{margin-right:auto}.player .player-controls>.player-control-side:last-child{margin-left:auto}.player .player-controls>.player-control-side.active{opacity:1}.player .player-controls>.player-control-side.active:before{transform:translate(-50%,-50%) scale(1)}.player .player-search{position:absolute;left:0;top:0;right:0;height:0;transition:height .5s ease;transform:translateY(-50%)}.player .player-search .player-search-bar,.player .player-search .player-search-loaded{position:absolute;left:0;top:50%;width:100%;height:6px;background-color:hsla(0,0%,100%,.5);pointer-events:none;z-index:2;border:1px solid #999}.player .player-search .player-search-bar,.player .player-search .player-search-dot{box-shadow:0 0 10px rgba(0,0,0,.2);border:1px solid #999}.player .player-search .player-search-loaded{width:0;background-color:hsla(0,0%,100%,.8)}.player .player-search .player-search-dot{position:absolute;left:0;top:50%;transform:translate(-50%,-30%);width:18px;height:18px;background-color:#fff;border-radius:9px;pointer-events:none;z-index:3;will-change:left}.player.visible{height:25vh;transform:none}.player.visible .player-search{height:5vh}.player.visible.resizing{height:10vh}.player.visible.resizing .player-controls,.player.visible.resizing .player-header .track-info{opacity:0}.player.visible.small{height:10vh}.player.visible.small.resizing{height:25vh}.player.visible.small .player-header{padding-top:2.5vh}.player.visible.small .track-info{padding:0 2vh;text-align:left;font-size:12px;width:50%;white-space:nowrap}.player.visible.small .track-info>*{overflow:hidden;text-overflow:ellipsis}.player.visible.small .track-info small{opacity:.5}.player.visible.small .player-controls{position:absolute;right:0;top:1vh;transform:none;width:150px}.player.visible.small .player-controls .player-control-side{display:none}.track{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;height:50px;border-bottom:1px solid #ddd;position:relative}.track .track-play-button{position:absolute;left:0;top:0;height:50px;width:50px;z-index:8}.track .track-picture-container,.track .track-play-button{flex:0 0 50px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.track .track-picture-container{margin-right:10px;background-color:#333}.track .track-picture-container span{display:block;width:50px;height:50px;object-fit:cover;opacity:.5;background-size:cover}.track .track-info{flex:1 1 100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.2;overflow:hidden;padding-right:10px}.track .track-info h5{margin:0;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.track.current{background-color:#ddd}.track.current .track-info h5{font-weight:700}.track.current .track-picture-container span{opacity:1}.track-item.current{font-weight:700}.track-item-selection{position:relative}.track-item-selection .track-item-selector-container{position:absolute;left:0;top:0;width:50px;height:50px;background-color:#fff;border:1px solid #ddd;border-left:none;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center}.track-item-selection .track-item-selector-container .ant-checkbox-inner{width:30px;height:30px;border-radius:15px;border-width:.5vh}.track-item-selection .track-item-selector-container .ant-checkbox-inner:after{left:30%}.login-form-container{width:320px;padding:10px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;text-align:center}.login-form-container .form-field+.form-field{margin-top:16px}.login-form-container h4{font-weight:500;font-size:17px;line-height:20px;color:#1f2022;margin-left:-10px;margin-right:-10px}.login-form-container p{font-weight:400;font-size:15px;line-height:18px;color:#7d7d7d;margin-bottom:32px}.login-form-container .login-header{text-align:center;margin-bottom:32px}.login-form-container .link{display:block;font-weight:500;font-size:13px;line-height:15px;margin-top:14px}.login-form-container .react-ripples{width:100%;margin-top:32px}.login-form-container .react-ripples+.link{margin-top:32px}.login-form-container .ant-btn{width:100%}.login-form-container .ant-alert{margin-top:32px;display:inline-block}.app-page.app-page-main{padding-top:10vh;overflow:hidden}.app-page.app-page-main .page-content{height:100%}.app-page.app-page-main .am-tabs-tab-bar-wrap{display:none}.app-page{height:100vh;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column}.rotating{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.520a70b4.chunk.css.map */