.login__wrapper{align-items:center;width:100vw;height:100vh;justify-content:space-evenly}.login__box,.login__wrapper{text-align:center;display:flex;flex-direction:column}.login__box{align-self:center;overflow:hidden}.quote-box{height:300px;padding-top:3rem;font-size:1.3rem}.login__title-box{padding:5vw;background-color:#242424;border-radius:1rem}.login__title-box h1{margin-top:0}.login__title-box a{font-size:1.2rem}#root{margin:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.card{padding:2em}.read-the-docs{color:#888}ul li{list-style-type:none}.app__contener{display:flex;flex-direction:column;height:100vh;overflow-y:hidden;overflow-x:hidden}.app__workspace{flex:1 1}.downloader{padding:2em}.downloader__header{display:flex;gap:2em}.downloading-step__header,.downloading-step__header--active{color:#656565;font-size:1.4rem}.downloading-step__header--active{color:#fff}.downloader__progress{text-align:left}.downloader-step__icon{width:2em;display:flex;align-items:center}.downloader-step{display:flex}.downloader-step__subtext{padding-left:3em;font-size:.9rem}/*!
 * three-dots - v0.3.2
 * CSS loading animations made with single element
 * https://nzbin.github.io/three-dots/
 *
 * Copyright (c) 2018 nzbin
 * Released under MIT License
 */.dot-flashing{position:relative;width:10px;height:10px;border-radius:5px;background-color:#ff9500;color:#ff9500;animation:dot-flashing 1s linear infinite alternate;animation-delay:.5s}.dot-flashing:after,.dot-flashing:before{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{left:-15px;animation:dot-flashing 1s infinite alternate;animation-delay:0s}.dot-flashing:after,.dot-flashing:before{width:10px;height:10px;border-radius:5px;background-color:#ff9500;color:#ff9500}.dot-flashing:after{left:15px;animation:dot-flashing 1s infinite alternate;animation-delay:1s}@keyframes dot-flashing{0%{background-color:#ff9500}50%,to{background-color:#663c00}}.rc-slider{position:relative;width:100%;height:14px;padding:5px 0;border-radius:6px;touch-action:none}.rc-slider,.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-rail{position:absolute;width:100%;height:4px;background-color:#e9e9e9;border-radius:6px}.rc-slider-track,.rc-slider-tracks{position:absolute;height:4px;background-color:#abe2fb;border-radius:6px}.rc-slider-track-draggable{z-index:1;box-sizing:content-box;background-clip:content-box;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:translateY(-5px)}.rc-slider-handle{position:absolute;z-index:1;width:14px;height:14px;margin-top:-5px;background-color:#fff;border:2px solid #96dbfa;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;opacity:.8;touch-action:pan-x}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle:focus{outline:none;box-shadow:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:unset}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:-webkit-grabbing;cursor:grabbing}.rc-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}.rc-slider-mark-text{position:absolute;display:inline-block;color:#999;text-align:center;vertical-align:middle;cursor:pointer}.rc-slider-mark-text-active{color:#666}.rc-slider-step{position:absolute;width:100%;height:4px;background:transparent}.rc-slider-dot{position:absolute;bottom:-2px;width:8px;height:8px;vertical-align:middle;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;cursor:pointer}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-handle{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-mark-text{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{width:4px;height:100%}.rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.rc-slider-vertical .rc-slider-track-draggable{border-top:0;border-bottom:0;border-right:5px solid transparent;border-left:5px solid transparent;transform:translateX(-5px)}.rc-slider-vertical .rc-slider-handle{position:absolute;z-index:1;margin-top:0;margin-left:-5px;touch-action:pan-y}.rc-slider-vertical .rc-slider-mark{top:0;left:18px;height:100%}.rc-slider-vertical .rc-slider-step{width:4px;height:100%}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-leave{display:block!important;animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter{transform:scale(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{transform:scale(0);transform-origin:50% 100%;opacity:0}to{transform:scale(1);transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}to{transform:scale(0);transform-origin:50% 100%;opacity:0}}.rc-slider-tooltip{position:absolute;top:-9999px;left:-9999px;visibility:visible}.rc-slider-tooltip,.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{min-width:24px;height:24px;padding:6px 2px;color:#fff;font-size:12px;line-height:1;text-align:center;text-decoration:none;background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c}.slidebar__wrapper{display:flex;align-content:center}.slidebar__boundary{width:3rem;text-align:center}.slidebar__slidear{flex:1 1;margin-top:.3rem}.filter__header{display:flex;justify-content:space-between}.clear-button{font-size:1.4rem;width:3rem;height:100%;text-align:center;cursor:pointer}.clear-button:hover{color:#ff1400}.clear-button__svg{width:60%}.clear-button__svg:hover{filter:brightness(0) saturate(100%) invert(15%) sepia(96%) saturate(5500%) hue-rotate(2deg) brightness(100%) contrast(103%)}.sidebar-button{height:100px;width:80px;display:flex;text-align:center;align-items:center;justify-content:center;font-size:2em;border-radius:0 1rem 1rem 0;cursor:pointer}.sidebar-button.activated{background-color:#ff1400;background-repeat:no-repeat;background:linear-gradient(90deg,#ff1400,#ff9500);background-size:110%;background-position:10%;text-shadow:1px 1px #000}.sidebar-button.activated:hover{background-color:#ff1400}.sidebar-button__img,.sidebar-button__img--inactive{width:50%}.sidebar-button__img--inactive{filter:invert(15%) sepia(2%) saturate(10%) hue-rotate(340deg) brightness(80%) contrast(77%)}.sidebar-content__contener{display:flex;flex-direction:column;flex:1 1;overflow-y:scroll}.sidebar-content{flex-grow:1;flex-shrink:0;height:90vh}.sidebar-content__wrapper{display:flex;height:100%}.sidebar-tab__section{background-color:#242424;box-sizing:border-box;padding:.8rem;border-radius:1rem;margin-bottom:1rem}.sidebar--entry{padding:1rem}.sidebar-content__buttons{padding-top:1rem}.playlist-selector__checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #cacece;box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05);padding:.4rem;border-radius:3px;display:inline-block;position:relative;box-sizing:border-box;margin:0 10px 0 0;cursor:pointer}.playlist-selector__checkbox:checked{background-color:#ff1400}.playlist-selector__checkbox .playlist-selector__wrapper{width:100%;flex:1 1}.aligned-buttons{background-color:#242424;border:1px solid #ff9500}.aligned-buttons.reject{background-color:#ff9500;transition:.09s ease-in-out;text-shadow:1px 1px #000}.aligned-buttons.reject:hover{background-color:#ff1400}.song-entry{background-color:#242424;border-radius:5px;margin-top:.2em;align-items:center;display:flex;gap:2em;overflow:wrap}.entry-button-wrapper{margin-left:.2em;flex:0 1 7%}.entry-title-wrapper{flex:1 1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.aligned-buttons{width:6em}.entry-artists-wrapper{display:flex;flex-flow:wrap;flex:1 1}.entry-artist{color:#e5e5e5;margin-left:.2em}.song-list{display:flex;flex-direction:column;height:100%;overflow-y:scroll}.song-list,.song-list li,.song-list li:before{list-style:none;list-style-type:none;padding:0;margin:0}.song-list li:before{display:none;content:""}.bucket__wrapper{position:sticky;position:-webkit-sticky;top:0;background-color:#151515;margin-top:1em;z-index:50}.bucket{border-top:2px solid #ff9500;background-color:#242424;border-radius:1em 1em 5px 5px;box-sizing:border-box;padding-left:3em;line-height:2em;font-size:1.1em;font-weight:700;font-style:italic}.song-inspector__image{width:100%;margin-top:1rem}.song-inspector__wrapper{clear:both}.song-inspector__title{font-size:1.5rem;font-weight:bolder}.song-inspector__artist{text-align:left;font-style:italic}.song-inspector__release-date{font-size:1.1rem}.song-inspector__details{font-size:.9rem;display:grid;grid-template-columns:repeat(2,1fr)}.song-inspector__section{background-color:#242424;box-sizing:border-box;padding:.8rem;border-radius:1rem;margin-bottom:1rem}.song-inspector__entry--left{text-align:left;padding-left:1rem}.song-inspector__entry--right{text-align:left}.tab{border:1px solid #ff9500;width:10em;line-height:3em;height:3em;text-align:center;border-radius:1em;cursor:pointer}.tab-active{background-color:#ff1400;background-repeat:no-repeat;background:linear-gradient(90deg,#ff1400,#ff9500);background-size:110%;background-position:10%;text-shadow:1px 1px #000;border:none}.tab-active:hover{background-color:#ff1400}.tab-list{list-style:none;display:flex;gap:2em}.tab-nav{top:0}.tabs{width:auto}.tab-content,.tabs{height:100%;display:flex;flex-direction:column}.tab-content{overflow-y:scroll;margin-left:.2em;margin-right:.2em}.tab-content-inactive{display:none;height:0;width:0}.tabs__wrapper{display:flex;flex-direction:column;height:100%;overflow-y:scroll;margin-left:10px;margin-right:10px}.playlist-manipulator__input,.playlist-manipulator__select{margin-bottom:1rem}.main__wrapper{display:flex;flex-direction:column;height:100vh}.main--container{display:flex;height:9vh;flex:1 1;width:100vw;flex-direction:row}.main--sidebar{height:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:hidden;flex-grow:0;flex-shrink:0;flex-basis:30rem}@media(max-width:960px){.main--sidebar{flex-basis:auto}}.main--workspace{height:100%;width:1vw;display:flex;flex-shrink:0;flex-direction:column;overflow:hidden;flex-grow:1}.main--workspace,.sidebar--entry{box-sizing:border-box}@media(max-width:960px){.sidebar--entry{z-index:200;position:fixed;top:0;left:80px;height:100vh;width:calc(100vw - 80px);background-color:#151515;z-index:100;overflow-y:scroll}}.grouping-input__order{display:flex;align-items:center;justify-content:space-around}.grouping-input__order-option{cursor:pointer}.grouping-input__order-option.active{border-bottom:3px solid #ff9500}.search_bar{display:flex;align-items:center}.search-bar__clear{font-size:1.4rem;width:3rem;height:100%;text-align:center;cursor:pointer}.search-bar__clear:hover{color:#ff1400}.navbar{font-size:1.2em;border-bottom:2px solid #ff9500;flex:0 0;display:flex;align-items:right;box-sizing:border-box;padding:.3em;background-color:#242424}.navbar--separator{flex-grow:10}.navbar--logout{align-self:baseline}.screen-lock{display:flex;background-color:rgba(0,0,0,.4);width:100%;height:100%;position:fixed;left:0;top:0;right:0;bottom:0;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);align-items:center;justify-content:center;z-index:200;overflow-x:hidden;transition:visibility 0s,opacity .5s linear}.screen-lock-content{background-color:#242424;border-radius:1em;width:70vh;box-sizing:border-box;padding:1em}.screen-lock-content h1{font-size:1.7em}@media(max-width:960px){.screen-lock-content{width:90vw}.screen-lock-content h1{font-size:1.2em}}