@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.5;-webkit-text-size-adjust:100%;height:100vh;overflow:hidden}*,:after,:before{box-sizing:border-box}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}::selection{background:#1e1f24;color:#fff}::-moz-selection{background:#1e1f24;color:#fff}.bg-primary{background-color:#1e1f24}.text-primary{color:#1e1f24}.bg-secondary{background-color:#9c9eaa}.text-secondary{color:#9c9eaa}.bg-secondary-light{background-color:#8b929a}.text-secondary-light{color:#8b929a}.bg-white{background-color:#fff}.text-white{color:#fff}.bg-error{background-color:#f94b57}.text-error{color:#f94b57}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-xxx-loose{margin-top:150px}.pt-xxx-loose{padding-top:150px}.mb-xxx-loose{margin-bottom:150px}.pb-xxx-loose{padding-bottom:150px}.ml-xxx-loose{margin-left:150px}.pl-xxx-loose{padding-left:150px}.mr-xxx-loose{margin-right:150px}.pr-xxx-loose{padding-right:150px}.mh-spacing-name{margin-left:150px;margin-right:150px}.mv-spacing-name{margin-top:150px;margin-bottom:150px}.ph-spacing-name{padding-left:150px;padding-right:150px}.pv-spacing-name{padding-top:150px;padding-bottom:150px}.mt-xx-loose{margin-top:100px}.pt-xx-loose{padding-top:100px}.mb-xx-loose{margin-bottom:100px}.pb-xx-loose{padding-bottom:100px}.ml-xx-loose{margin-left:100px}.pl-xx-loose{padding-left:100px}.mr-xx-loose{margin-right:100px}.pr-xx-loose{padding-right:100px}.mh-spacing-name{margin-left:100px;margin-right:100px}.mv-spacing-name{margin-top:100px;margin-bottom:100px}.ph-spacing-name{padding-left:100px;padding-right:100px}.pv-spacing-name{padding-top:100px;padding-bottom:100px}.mt-x-loose{margin-top:60px}.pt-x-loose{padding-top:60px}.mb-x-loose{margin-bottom:60px}.pb-x-loose{padding-bottom:60px}.ml-x-loose{margin-left:60px}.pl-x-loose{padding-left:60px}.mr-x-loose{margin-right:60px}.pr-x-loose{padding-right:60px}.mh-spacing-name{margin-left:60px;margin-right:60px}.mv-spacing-name{margin-top:60px;margin-bottom:60px}.ph-spacing-name{padding-left:60px;padding-right:60px}.pv-spacing-name{padding-top:60px;padding-bottom:60px}.mt-loose{margin-top:30px}.pt-loose{padding-top:30px}.mb-loose{margin-bottom:30px}.pb-loose{padding-bottom:30px}.ml-loose{margin-left:30px}.pl-loose{padding-left:30px}.mr-loose{margin-right:30px}.pr-loose{padding-right:30px}.mh-spacing-name{margin-left:30px;margin-right:30px}.mv-spacing-name{margin-top:30px;margin-bottom:30px}.ph-spacing-name{padding-left:30px;padding-right:30px}.pv-spacing-name{padding-top:30px;padding-bottom:30px}.mt-medium{margin-top:20px}.pt-medium{padding-top:20px}.mb-medium{margin-bottom:20px}.pb-medium{padding-bottom:20px}.ml-medium{margin-left:20px}.pl-medium{padding-left:20px}.mr-medium{margin-right:20px}.pr-medium{padding-right:20px}.mh-spacing-name{margin-left:20px;margin-right:20px}.mv-spacing-name{margin-top:20px;margin-bottom:20px}.ph-spacing-name{padding-left:20px;padding-right:20px}.pv-spacing-name{padding-top:20px;padding-bottom:20px}.mt-normal{margin-top:15px}.pt-normal{padding-top:15px}.mb-normal{margin-bottom:15px}.pb-normal{padding-bottom:15px}.ml-normal{margin-left:15px}.pl-normal{padding-left:15px}.mr-normal{margin-right:15px}.pr-normal{padding-right:15px}.mh-spacing-name{margin-left:15px;margin-right:15px}.mv-spacing-name{margin-top:15px;margin-bottom:15px}.ph-spacing-name{padding-left:15px;padding-right:15px}.pv-spacing-name{padding-top:15px;padding-bottom:15px}.mt-tight{margin-top:10px}.pt-tight{padding-top:10px}.mb-tight{margin-bottom:10px}.pb-tight{padding-bottom:10px}.ml-tight{margin-left:10px}.pl-tight{padding-left:10px}.mr-tight{margin-right:10px}.pr-tight{padding-right:10px}.mh-spacing-name{margin-left:10px;margin-right:10px}.mv-spacing-name{margin-top:10px;margin-bottom:10px}.ph-spacing-name{padding-left:10px;padding-right:10px}.pv-spacing-name{padding-top:10px;padding-bottom:10px}.mt-x-tight{margin-top:5px}.pt-x-tight{padding-top:5px}.mb-x-tight{margin-bottom:5px}.pb-x-tight{padding-bottom:5px}.ml-x-tight{margin-left:5px}.pl-x-tight{padding-left:5px}.mr-x-tight{margin-right:5px}.pr-x-tight{padding-right:5px}.mh-spacing-name{margin-left:5px;margin-right:5px}.mv-spacing-name{margin-top:5px;margin-bottom:5px}.ph-spacing-name{padding-left:5px;padding-right:5px}.pv-spacing-name{padding-top:5px;padding-bottom:5px}.shadow{box-shadow:0 30px 60px rgba(139,146,154,.55)}.fade-enter{opacity:0}.fade-enter-active,.fade-exit{opacity:1}.fade-exit-active{opacity:0}html{font-family:"Poppins",sans-serif;color:#1e1f24;font-size:14px}.text-display-large{font-size:10.49vh}.text-display-medium{font-size:7.5vh}.text-display{font-size:6.75vh}.text-display-small{font-size:4.5vh}.text-title{font-size:2.4vh}.text-body{font-size:2.1vh}.text-caption{font-size:1.8vh}.text-legend{font-size:1.5vh}.font-weight-bold{font-weight:700}.font-weight-semi-bold{font-weight:600}.font-weight-medium{font-weight:500}.font-weight-normal{font-weight:400}.font-weight-light{font-weight:300}.font-weight-x-light{font-weight:200}a{color:#1e1f24;text-decoration:none}.button,.icon-button{-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;border:none;font-size:inherit;font-weight:600;line-height:40px;padding:0 1.43rem;border-radius:10px;background:#1e1f24;color:#fff;cursor:pointer;outline:none;transition:background .6s cubic-bezier(.28,.6,.46,.78)}.button .icon,.icon-button .icon{width:16px;height:auto}.button.icon-left .icon,.icon-left.icon-button .icon{margin-right:.71rem}.button.icon-right .icon,.icon-right.icon-button .icon{margin-left:.71rem}.button.clean,.clean.icon-button{background:none;color:#1e1f24}.button.clean.active,.button.clean:hover,.clean.active.icon-button,.clean.icon-button:hover{background:rgba(30,31,36,.2)}.button.large,.large.icon-button{line-height:60px;font-size:1.29rem;padding-left:2.14rem;padding-right:2.14rem;border-radius:15px}.button.large .icon,.large.icon-button .icon{width:20px}.icon-button{flex:none;width:40px;height:40px;padding:0!important}.icon-button .icon{flex:none}.icon-button.large{width:60px;height:60px}.topbar{background-color:#fff;padding:2.14rem}.topbar .topbar-menu-actions{display:flex;align-items:center}.topbar .topbar-menu-actions .top-bar-menu{list-style:none;padding:0;margin:0;display:flex;align-items:center}.topbar .topbar-menu-actions .top-bar-menu li:not(:last-child){margin-right:2.14rem}.topbar .topbar-menu-actions .top-bar-menu li a{color:#9c9eaa;font-weight:600;transition:color .6s cubic-bezier(.28,.6,.46,.78)}.topbar .topbar-menu-actions .top-bar-menu li a.active,.topbar .topbar-menu-actions .top-bar-menu li a:hover{color:#1e1f24}.topbar .topbar-menu-actions .top-bar-extra-actions{margin-left:1.07rem}.topbar .topbar-menu-actions .top-bar-extra-actions .icon-button:not(:last-child){margin-right:1.07rem}.topbar .avatar-container .avatar{display:flex;align-items:center;cursor:pointer;padding:.71rem;margin-top:-.71rem;margin-right:-.71rem;border-radius:10px;transition:background .6s cubic-bezier(.28,.6,.46,.78)}.topbar .avatar-container .avatar:hover{background:rgba(30,31,36,.05)}.topbar .avatar-container .avatar .username{margin-right:1.43rem;font-weight:600}.topbar .avatar-container .avatar .avatar-icon{background:#1e1f24;color:#fff;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.image{display:flex;position:relative;margin:0;overflow:hidden}.image.size-thumbnail{width:40px;height:40px;border-radius:10px}.image.size-small{width:14.5vh;height:14.5vh;border-radius:3vh}.image.size-medium{width:22.5vh;height:22.5vh;border-radius:4.5vh}.image.size-large{width:30vh;height:30vh;border-radius:4.5vh}.image img{width:100%;height:100%;display:block;object-position:50% 50%}.image.fit-cover img{object-fit:cover}.image.fit-contain img{object-fit:contain}.playlist-header{display:flex;align-items:center;margin-left:-55px;margin-bottom:2.14rem}.playlist-header .back-button-container:not(:last-child){margin-right:1.07rem}.playlist-header .playlist-info-container{display:flex;align-items:center}.playlist-header .playlist-info-container .playlist-image{position:relative}.playlist-header .playlist-info-container .playlist-image .image{box-shadow:0 30px 60px rgba(30,31,36,.55);opacity:0;transform:translate3d(0,10%,0);-webkit-animation-name:list-item;animation-name:list-item;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal}.playlist-header .playlist-info-container .playlist-image .icon-button{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;opacity:0;transition:all .6s cubic-bezier(.28,.6,.46,.78)}.playlist-header .playlist-info-container .playlist-image .icon-button:hover{background-color:hsla(0,0%,100%,.15)}.playlist-header .playlist-info-container .playlist-info{max-width:100%;margin-left:2.14rem}.playlist-header .playlist-info-container .playlist-info p{opacity:0;transform:translate3d(0,50%,0);-webkit-animation-name:list-item;animation-name:list-item;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;margin:0;color:#9c9eaa}.playlist-header .playlist-info-container .playlist-info p strong{color:#1e1f24}.playlist-header .playlist-info-container .playlist-info p .meta-data-item{display:inline-flex;align-items:center}.playlist-header .playlist-info-container .playlist-info p .meta-data-item:not(:last-child):after{content:"";display:block;flex:none;width:4px;height:4px;border-radius:50%;background:#9c9eaa;margin-left:.71rem;margin-right:.71rem}.playlist-header .playlist-info-container:hover .icon-button{opacity:1}.input-field{display:inline-flex;align-items:center;position:relative}.input-field input{width:100%;border:none;outline:none;background:none;font-weight:600;line-height:1}.input-field input.placeholder{color:#9c9eaa}.input-field input:-moz-placeholder{color:#9c9eaa}.input-field input::-webkit-input-placeholder{color:#9c9eaa}.input-field.is-large input{font-size:10.49vh}.spinner{width:40px;height:40px;border-radius:50%;margin:auto;background:#1e1f24;position:absolute;top:50%;left:50%;transform:translate3d(-50%,50%,0) scale(.5);-webkit-animation-name:spinner;animation-name:spinner;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.28,.6,.46,.78);animation-timing-function:cubic-bezier(.28,.6,.46,.78);-webkit-animation-delay:0;animation-delay:0;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes spinner{to{transform:translate3d(-50%,50%,0) scale(1)}}@keyframes spinner{to{transform:translate3d(-50%,50%,0) scale(1)}}.list{overflow:hidden;-webkit-overflow-scrolling:touch}.list::-webkit-scrollbar{display:none}.list .list-items-wrapper{padding-left:3.21rem;padding-right:3.21rem;padding-top:2.14rem;display:flex;flex-wrap:nowrap;box-sizing:content-box;position:relative;transition:transform .6s cubic-bezier(.215,.61,.355,1);margin:auto}.list .list-items-wrapper .list-item{flex:0 0 auto;padding-left:1.07rem;padding-right:1.07rem;transform:translate3d(70px,0,0) scale(.95);opacity:0;-webkit-animation-name:list-item;animation-name:list-item;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal}.list .list-items-wrapper .list-item .list-item-container{cursor:pointer;text-align:left}.list .list-items-wrapper .list-item .list-item-container .image-container{position:relative;z-index:0}.list .list-items-wrapper .list-item .list-item-container .image-container .image{transition:box-shadow .6s cubic-bezier(.28,.6,.46,.78)}.list .list-items-wrapper .list-item .list-item-container .image-container:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:4.5vh;background:#1e1f24;background:linear-gradient(0deg,rgba(30,31,36,.8),rgba(30,31,36,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#1E1F24",endColorstr="#1E1F24",GradientType=1);z-index:1;opacity:0;transition:opacity .6s cubic-bezier(.28,.6,.46,.78)}.list .list-items-wrapper .list-item .list-item-container .image-container .icon-button{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:2;opacity:0;transition:all .6s cubic-bezier(.28,.6,.46,.78)}.list .list-items-wrapper .list-item .list-item-container .image-container .icon-button:hover{background-color:hsla(0,0%,100%,.3)}.list .list-items-wrapper .list-item .list-item-container .list-item-title{font-weight:700;margin-bottom:0;max-width:30vh;font-size:2.4vh}.list .list-items-wrapper .list-item .list-item-container .text-caption{margin:0;color:#9c9eaa;max-width:30vh}.list .list-items-wrapper .list-item .list-item-container:hover .image-container .image{box-shadow:0 15px 33px rgba(30,31,36,.5)}.list .list-items-wrapper .list-item .list-item-container:hover .image-container .icon-button,.list .list-items-wrapper .list-item .list-item-container:hover .image-container:after{opacity:1}@-webkit-keyframes list-item{to{transform:translateZ(0) scale(1);opacity:1}}@keyframes list-item{to{transform:translateZ(0) scale(1);opacity:1}}.music-player{padding:2.14rem;display:flex;align-items:center;justify-content:center}.music-player .music-player-element{flex:1 1;min-width:1px}.music-player .music-player-element:not(:last-child){padding-right:1.07rem}.music-player .music-player-element:not(:first-child){padding-left:1.07rem}.music-player .music-player-element.automatic{flex:none;width:auto}.music-player .music-player-current-track{display:flex}.music-player .music-player-current-track .track-info{margin-left:.71rem;flex:1 1;flex-wrap:wrap;min-width:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-player .music-player-current-track .track-info span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-player .music-player-current-track .track-info span.track-name{font-weight:600}.music-player .music-player-current-track .track-info .artists,.music-player .music-player-current-track .track-info .artists a{color:#9c9eaa;font-size:12px}.music-player .music-player-extra-controls{display:flex;align-items:center;justify-content:flex-end}.music-player .music-player-extra-controls>:not(:last-child){margin-right:1.07rem}.music-player .music-player-controls{display:flex;align-items:center;justify-content:center}.music-player .music-player-controls>:not(:last-child){margin-right:2.14rem}.music-player .music-player-controls .player-controls{flex:none;width:auto;display:flex;align-items:center}.music-player .music-player-controls .player-controls>:not(:last-child){margin-right:1.07rem}.music-player .music-player-controls .player-controls .repeat-control{position:relative}.music-player .music-player-controls .player-controls .repeat-control .repeat-mode-track{position:absolute;width:4px;height:4px;display:flex;top:100%;left:50%;border-radius:50%;background-color:#1e1f24;color:#fff;align-items:center;justify-content:center;transform:translate3d(-50%,-230%,0)}.music-player .music-player-controls .playback-bar-container .music-player-playback-bar{display:flex;align-items:center;justify-content:center}.music-player .music-player-controls .playback-bar-container .music-player-playback-bar .playback-duration,.music-player .music-player-controls .playback-bar-container .music-player-playback-bar .playback-progress{font-size:12px;flex:none;min-width:45px}.music-player .music-player-controls .playback-bar-container .music-player-playback-bar .playback-duration.playback-duration,.music-player .music-player-controls .playback-bar-container .music-player-playback-bar .playback-progress.playback-duration{padding-left:.71rem}.music-player .music-player-controls .playback-bar-container .music-player-playback-bar .playback-duration.playback-progress,.music-player .music-player-controls .playback-bar-container .music-player-playback-bar .playback-progress.playback-progress{text-align:right;padding-right:.71rem}.music-player .music-player-controls .playback-bar-container .music-player-playback-bar .progress-bar{flex:none;width:320px;padding-top:1.07rem;padding-bottom:1.07rem;cursor:pointer}.music-player .music-player-controls .playback-bar-container .music-player-playback-bar .progress-bar .progress-bar-bg{position:relative;height:2px;border-radius:10px;background-color:rgba(30,31,36,.3)}.music-player .music-player-controls .playback-bar-container .music-player-playback-bar .progress-bar .progress-bar-bg .progress-bar-fg{position:relative;background-color:#1e1f24;height:inherit;border-radius:10px;transition:width 1s cubic-bezier(.28,.6,.46,.78)}.music-player .music-player-controls .playback-bar-container .music-player-playback-bar .progress-bar .progress-bar-bg .progress-bar-fg:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;border:3px solid #fff;background-color:#1e1f24;top:50%;right:0;transform:translate3d(50%,-50%,0) scale(0);transition:transform .3s cubic-bezier(.28,.6,.46,.78)}.music-player .music-player-controls .playback-bar-container .music-player-playback-bar .progress-bar:hover .progress-bar-bg .progress-bar-fg:after{transform:translate3d(50%,-50%,0) scale(1)}.music-player .music-player-extra-controls .volume-control{position:relative}.music-player .music-player-extra-controls .volume-control .volume-bar-container{position:absolute;bottom:100%;padding-bottom:.71rem;opacity:0;display:none;transition:opacity .3s cubic-bezier(.28,.6,.46,.78);width:100%;height:110px}.music-player .music-player-extra-controls .volume-control .volume-bar-container .volume-bar-control{width:100%;height:100%;background-color:#fff;padding:1.07rem;box-shadow:0 30px 60px rgba(30,31,36,.55);border-radius:10px;display:flex;flex-direction:column}.music-player .music-player-extra-controls .volume-control .volume-bar-container .volume-bar-control .volume-bar{width:100%;flex:1 1;cursor:pointer}.music-player .music-player-extra-controls .volume-control .volume-bar-container .volume-bar-control .volume-bar .volume-bar-bg{position:relative;background-color:#9c9eaa;height:100%;width:2px;border-radius:10px;margin:auto}.music-player .music-player-extra-controls .volume-control .volume-bar-container .volume-bar-control .volume-bar .volume-bar-bg .volume-bar-fg{position:absolute;background-color:#1e1f24;bottom:0;border-radius:10px;width:100%;transition:height .6s cubic-bezier(.28,.6,.46,.78)}.music-player .music-player-extra-controls .volume-control .volume-bar-container .volume-bar-control .volume-bar .volume-bar-bg .volume-bar-fg:after{content:"";position:absolute;top:0;left:50%;transform:translate3d(-50%,-50%,0) scale(0);width:12px;height:12px;border-radius:50%;border:3px solid #fff;background-color:#1e1f24;transition:transform .3s cubic-bezier(.28,.6,.46,.78)}.music-player .music-player-extra-controls .volume-control .volume-bar-container .volume-bar-control .volume-bar:hover .volume-bar-bg .volume-bar-fg:after{transform:translate3d(-50%,-50%,0) scale(1)}.music-player .music-player-extra-controls .volume-control .volume-bar-container.show{opacity:1}.music-player.is-fullscreen *{color:#fff}.music-player.is-fullscreen .music-player-element{flex:none;width:auto}.music-player.is-fullscreen .music-player-element.automatic{justify-self:center}.music-player.is-fullscreen .icon-button.active,.music-player.is-fullscreen .icon-button:hover{background-color:hsla(0,0%,100%,.2)}.music-player.is-fullscreen .playback-bar-container .progress-bar .progress-bar-bg{background-color:hsla(0,0%,100%,.3)!important}.music-player.is-fullscreen .playback-bar-container .progress-bar .progress-bar-fg{background-color:#fff!important}.music-player.is-fullscreen .playback-bar-container .progress-bar .progress-bar-fg:after{border:none!important;width:10px!important;height:10px!important;background-color:#fff!important}.music-player.is-fullscreen .repeat-control .repeat-mode-track{background-color:#fff!important}.tracks-table{display:table;width:100%;table-layout:fixed}.tracks-table .tracks-table-body{display:table-row-group}.tracks-table .tracks-table-body .tracks-table-item{opacity:0;transform:translate3d(0,35px,0);-webkit-animation-name:list-item;animation-name:list-item;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;display:table-row;cursor:pointer}.tracks-table .tracks-table-body .tracks-table-item .tracks-table-item-element{display:table-cell;vertical-align:middle;font-weight:500;padding:1.07rem .54rem}.tracks-table .tracks-table-body .tracks-table-item .tracks-table-item-element,.tracks-table .tracks-table-body .tracks-table-item .tracks-table-item-element a{color:rgba(30,31,36,.7);transition:color .3s cubic-bezier(.28,.6,.46,.78)}.tracks-table .tracks-table-body .tracks-table-item .tracks-table-item-element.track-index{width:30px}.tracks-table .tracks-table-body .tracks-table-item .tracks-table-item-element.track-image{width:55px;position:relative}.tracks-table .tracks-table-body .tracks-table-item .tracks-table-item-element.track-image .track-icon{width:40px;height:40px;border-radius:10px;background:#1e1f24;color:#fff;position:relative}.tracks-table .tracks-table-body .tracks-table-item .tracks-table-item-element.track-image .track-icon .icon{position:absolute;display:inline-block;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}.tracks-table .tracks-table-body .tracks-table-item .tracks-table-item-element.track-image .icon-button{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,0);opacity:0;transition:opacity .3s cubic-bezier(.28,.6,.46,.78)}.tracks-table .tracks-table-body .tracks-table-item .tracks-table-item-element.track-duration,.tracks-table .tracks-table-body .tracks-table-item .tracks-table-item-element.track-index{text-align:right}.tracks-table .tracks-table-body .tracks-table-item .tracks-table-item-element.track-name{width:auto}.tracks-table .tracks-table-body .tracks-table-item .tracks-table-item-element.track-name span{font-weight:600;display:block;color:#1e1f24}.tracks-table .tracks-table-body .tracks-table-item .tracks-table-item-element.track-name .artist{font-size:12px;color:#9c9eaa}.tracks-table .tracks-table-body .tracks-table-item .tracks-table-item-element.track-album{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:30%}.tracks-table .tracks-table-body .tracks-table-item .tracks-table-item-element.track-duration{width:60px}.tracks-table .tracks-table-body .tracks-table-item .tracks-table-item-element.track-action{width:56px}.tracks-table .tracks-table-body .tracks-table-item.is-playing .tracks-table-item-element,.tracks-table .tracks-table-body .tracks-table-item.is-playing .tracks-table-item-element a,.tracks-table .tracks-table-body .tracks-table-item:hover .tracks-table-item-element,.tracks-table .tracks-table-body .tracks-table-item:hover .tracks-table-item-element a{color:#1e1f24}.tracks-table .tracks-table-body .tracks-table-item.is-playing .tracks-table-item-element.track-image .icon-button,.tracks-table .tracks-table-body .tracks-table-item:hover .tracks-table-item-element.track-image .icon-button{opacity:1}.tracks-table .tracks-table-body .tracks-table-item.is-playing .tracks-table-item-element.track-name .artist,.tracks-table .tracks-table-body .tracks-table-item:hover .tracks-table-item-element.track-name .artist{color:#1e1f24}.scroll-view{position:relative;height:100%}.scroll-view .scroll-view-screen,.scroll-view .scroll-view-scroll-screen{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.scroll-view .scroll-view-scroll-screen{overflow:auto}.scroll-view .scroll-view-scroll-screen .scroll-view-height-container{overflow:hidden;position:relative}.scroll-view .scroll-view-scroll-screen .scroll-view-height-container .scroll-view-content{overflow:hidden;top:0;left:0;width:100%;transition:transform .6s cubic-bezier(.215,.61,.355,1)}.scroll-view .scroll-view-thumb-container{position:absolute;width:10px;height:100%;right:0;overflow:hidden;transform:translateX(calc(100% + .71rem))}.scroll-view .scroll-view-thumb-container .scroll-view-thumb{width:5px;position:absolute;right:0;left:0;margin:auto;background:rgba(30,31,36,.2);border-radius:10px;opacity:0;transition:all .6s cubic-bezier(.28,.6,.46,.78)}.scroll-view .scroll-view-thumb-container .scroll-view-thumb.show{opacity:1}.modal{position:fixed;width:100vw;height:100vh;background:#fff;top:0;left:0;z-index:99;opacity:0;display:none;-webkit-animation-name:modal;animation-name:modal;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.28,.6,.46,.78);animation-timing-function:cubic-bezier(.28,.6,.46,.78);-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal}.modal.open{display:block}.modal.closing{display:block;opacity:1;-webkit-animation-name:modal-closing;animation-name:modal-closing;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.28,.6,.46,.78);animation-timing-function:cubic-bezier(.28,.6,.46,.78);-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal}.modal .modal-body{position:absolute;text-align:center;top:50%;left:50%;transform:translate3d(-50%,-50%,0);width:100%}.modal .modal-body .modal-close-icon:not(:last-child){margin-bottom:4.29rem}.modal .modal-body .modal-close-icon:not(:first-child){margin-top:4.29rem}.modal .modal-body .display-text{margin-bottom:4.29rem}.modal .modal-action-list{list-style:none;padding:0;margin:0}.modal .modal-action-list li{transform:translate3d(0,50%,0);opacity:0;-webkit-animation-name:modal-actions-list-item;animation-name:modal-actions-list-item;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal}.modal .modal-action-list li:not(:last-child){margin-bottom:4.29rem}.modal .modal-action-list li button{-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none;background:none;font-size:6.75vh;font-weight:600;cursor:pointer;outline:none}.modal .modal-action-list li.danger button{color:#f94b57}@-webkit-keyframes modal{to{opacity:1}}@keyframes modal{to{opacity:1}}@-webkit-keyframes modal-closing{to{opacity:0}}@keyframes modal-closing{to{opacity:0}}@-webkit-keyframes modal-actions-list-item{to{transform:translateZ(0);opacity:1}}@keyframes modal-actions-list-item{to{transform:translateZ(0);opacity:1}}.drawer{width:inherit;height:inherit;background:hsla(0,0%,100%,.95);display:flex;align-items:stretch;justify-content:flex-end;opacity:0;-webkit-animation-name:drawer-dimm;animation-name:drawer-dimm;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.28,.6,.46,.78);animation-timing-function:cubic-bezier(.28,.6,.46,.78);-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal}.drawer.closing{opacity:1;-webkit-animation-name:drawer-dimm-closing;animation-name:drawer-dimm-closing;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.28,.6,.46,.78);animation-timing-function:cubic-bezier(.28,.6,.46,.78);-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal}.drawer .drawer-content{width:100%;max-width:44vw;background:#fff;box-shadow:-30px 0 60px rgba(30,31,36,.16);padding:2.14rem;text-align:right;display:flex;flex-direction:column;justify-content:space-between;transform:translateX(100%);opacity:0;-webkit-animation-name:drawer-content;animation-name:drawer-content;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal}.drawer .drawer-content .close-button{margin-bottom:2.14rem}.drawer .drawer-content ul{flex:none;width:100%;list-style:none;padding:0;margin:0}.drawer .drawer-content ul li{padding:0 2.14rem;opacity:0;transform:translateY(100%);-webkit-animation-name:drawer-content-item;animation-name:drawer-content-item;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal}.drawer .drawer-content ul li:not(:last-child){margin-bottom:1.07rem}.drawer .drawer-content ul li button{outline:none}.drawer .drawer-content ul li .main-item{font-size:7.5vh}.drawer .drawer-content ul li .main-item,.drawer .drawer-content ul li .sub-item{background:none;border:none;text-decoration:none;padding:0;margin:0;font-weight:600;cursor:pointer}.drawer .drawer-content ul li .sub-item{font-size:4.5vh}.drawer .drawer-content .meta{padding:2.14rem;margin-top:2.14rem}.drawer .drawer-content .meta p{margin:0;font-size:1.8vh;color:rgba(30,31,36,.6)}.drawer.closing .drawer-content{transform:translateX(0);opacity:1;-webkit-animation-name:drawer-content-closing;animation-name:drawer-content-closing;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal}@-webkit-keyframes drawer-dimm{to{opacity:1}}@keyframes drawer-dimm{to{opacity:1}}@-webkit-keyframes drawer-dimm-closing{to{opacity:0}}@keyframes drawer-dimm-closing{to{opacity:0}}@-webkit-keyframes drawer-content{to{transform:translateX(0);opacity:1}}@keyframes drawer-content{to{transform:translateX(0);opacity:1}}@-webkit-keyframes drawer-content-closing{to{transform:translateX(100%);opacity:0}}@keyframes drawer-content-closing{to{transform:translateX(100%);opacity:0}}@-webkit-keyframes drawer-content-item{to{transform:translateY(0);opacity:1}}@keyframes drawer-content-item{to{transform:translateY(0);opacity:1}}.frame{display:flex;flex-direction:column;flex-flow:column;height:100vh;background-repeat:no-repeat;background-size:cover;background-position:50%;position:relative;transition:all .3s cubic-bezier(.28,.6,.46,.78)}.frame .frame-music-player,.frame .frame-top-bar{flex:none;height:auto}.frame.is-fullscreen{z-index:0}.frame.is-fullscreen:after{content:"";position:absolute;width:100%;height:100%;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);z-index:-1;top:0;left:0;background-color:rgba(30,31,36,.1)}.frame .frame-body{flex:1 1;overflow:hidden}.frame .frame-body>div{height:100%}.frame .frame-drawer{position:fixed;z-index:100;width:100%;height:100%;left:0;top:0;display:none}.frame .frame-drawer.open{display:block}.grid{display:flex;flex-wrap:wrap;flex-direction:row}.grid.align-items-start{align-items:flex-start}.grid.align-items-center{align-items:center}.grid.align-items-end{align-items:flex-end}.grid .column{flex:1 1}.grid .column.size-1{flex:none;width:8.33%}.grid .column.size-2{flex:none;width:16.66%}.grid .column.size-3{flex:none;width:24.99%}.grid .column.size-4{flex:none;width:33.32%}.grid .column.size-5{flex:none;width:41.65%}.grid .column.size-6{flex:none;width:49.98%}.grid .column.size-7{flex:none;width:58.31%}.grid .column.size-8{flex:none;width:66.64%}.grid .column.size-9{flex:none;width:74.97%}.grid .column.size-10{flex:none;width:83.3%}.grid .column.size-11{flex:none;width:91.63%}.grid .column.size-12{flex:none;width:99.96%}.grid .column.size-auto{flex:none;width:auto}.page{height:100%;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.28,.6,.46,.78)}.page .page-body{flex:1 1;height:inherit;display:flex;align-items:center}.page .display-text{font-weight:600}.page .page-container{flex:none;width:83.9vw;margin:auto;display:flex;flex-direction:column;height:inherit}.page .page-header{flex:none;height:auto}.page .display-text{overflow:hidden;opacity:0;transform:translate3d(15px,15px,0);-webkit-animation-name:page-title;animation-name:page-title;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-animation-delay:.15s;animation-delay:.15s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal}.page .display-text .word{display:inline-block}.page .display-text .word .char{opacity:0;transform:translate3d(10px,0,0);display:inline-block;-webkit-animation-name:page-title;animation-name:page-title;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal}.page .page-menu{padding:0;margin:0;display:flex;justify-content:center;align-items:center;list-style:none}.page .page-menu li:not(:last-child){margin-right:4.29rem}.page .page-menu li a{font-weight:600;color:#9c9eaa;transition:color .6s cubic-bezier(.28,.6,.46,.78)}.page .page-menu li a.active,.page .page-menu li a:hover{color:#1e1f24}.page .page-menu li a:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#1e1f24;top:100%;left:50%;transform:translateX(-50%) scale(0);opacity:0;transition:all .3s cubic-bezier(.28,.6,.46,.78)}.page .page-menu li a.active{position:relative}.page .page-menu li a.active:after{transform:translateX(-50%) scale(1);opacity:1}.page .scroll-view{flex:1 1}@-webkit-keyframes page-title{to{transform:translateZ(0);opacity:1}}@keyframes page-title{to{transform:translateZ(0);opacity:1}}#login-screen{height:100vh;display:flex;justify-content:center;align-items:center}#login-screen .content .app-title{margin-top:0}#login-screen .content .app-description{margin:auto;font-size:1.14rem;line-height:30px;max-width:710px}#login-screen .content .app-description a{font-weight:600}#login-screen .content .button,#login-screen .content .icon-button{outline:none;width:126px;height:126px;border-radius:50%;border:none;background:#fff;color:#1e1f24;cursor:pointer;transition:transform .6s cubic-bezier(.68,-.55,.265,1.55)}#login-screen .content .button:hover,#login-screen .content .icon-button:hover{transform:scale(1.1)}#login-screen .content .button .icon,#login-screen .content .icon-button .icon{width:40px;height:auto;margin-left:5px}#library-page .page-header{margin-bottom:4.29rem}#player-screen{position:relative;z-index:0;display:flex;flex-direction:column}#player-screen .minimize-player{position:absolute;top:4.29rem;right:4.29rem;color:#fff}#player-screen .minimize-player:hover{background:hsla(0,0%,100%,.2)}#player-screen .page-container{display:flex;align-items:center;justify-content:center}#player-screen .player-header{text-align:center;padding-left:2.14rem;padding-right:2.14rem}#player-screen .player-header .image{margin:auto auto 4.29rem}#player-screen .player-header .track-info .display-text{color:#fff}#player-screen .player-header .track-info .artists,#player-screen .player-header .track-info .artists a{opacity:.7;color:#fff;font-size:2.4vh;font-weight:500}#search .input-field{margin-bottom:2.14rem}.about-modal .modal-body{height:inherit;padding:2.14rem 0;display:flex;flex-direction:column;align-items:center}.about-modal .modal-body .content{width:100%;padding:0 2.14rem 4.29rem;max-width:930px;flex:1 1}.about-modal .modal-body .content .display-text{font-weight:600}.about-modal .modal-body .content p{line-height:2}.about-modal .modal-body .content p:not(:last-child){margin-bottom:4.29rem}.about-modal .modal-body .content p a{font-weight:600;text-decoration:underline}.contact-modal .modal-body{height:inherit;padding:2.14rem 0;display:flex;flex-direction:column;align-items:center}.contact-modal .modal-body .content{width:100%;padding:0 2.14rem 4.29rem;max-width:1090px;flex:1 1;text-align:center}.contact-modal .modal-body .content .display-text{font-weight:600}.contact-modal .modal-body .content .display-text a{color:#9c9eaa}
/*# sourceMappingURL=main.155ef18d.chunk.css.map */