.generating-pill-button{position:absolute;bottom:var(--player-height);left:calc(50% - .5rem);transform:translate(-50%,-50%);z-index:10000;left:calc((100% - 60px - 1.25rem)/2)}.generating-pill-button button{position:relative;height:100%}@media(min-width:560px){.generating-pill-button{left:calc((100% - var(--station-list-width)) / 2)}}@media(hover:hover)and (pointer:fine){.generating-pill-button:hover{background-color:#7d7262!important}}.unified-mix-list{-ms-overflow-style:none;scrollbar-width:none}.unified-mix-list::-webkit-scrollbar{display:none}.unified-mix-list__top-fade{mask:linear-gradient(to bottom,transparent 0%,var(--color-background) 1rem,var(--color-background) calc(100% - 1rem),transparent 100%);-webkit-mask:linear-gradient(to bottom,transparent 0%,var(--color-background) 1rem,var(--color-background) calc(100% - 1rem),transparent 100%)}.unified-mix-list__no-filter-results{text-align:center;margin-top:1.25rem}.unified-mix-list__virtuoso{height:calc(100% - 140px)!important;-ms-overflow-style:none;scrollbar-width:none}.unified-mix-list__virtuoso::-webkit-scrollbar{display:none}.large-icon-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;max-width:94px;min-width:94px;width:94px}@media(min-width:768px){.large-icon-card{max-width:128px;min-width:128px;width:128px}}@media(hover:hover)and (pointer:fine){.large-icon-card:hover .stem-artwork-icon{cursor:pointer;opacity:.5}}.large-icon-card__icon{position:relative;min-height:94px;max-height:94px;height:94px;min-width:94px!important;max-width:94px;width:94px}@media(min-width:768px){.large-icon-card__icon{min-height:128px;max-height:128px;height:128px;min-width:128px!important;max-width:128px;width:128px;border-radius:16px}}.large-icon-card__subheading,.large-icon-card__heading{font-size:12px;text-align:left;width:100%;padding-left:.25rem;min-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.large-icon-card__subheading{color:var(--color-main-alpha)}.search-history-card__center-icon{position:absolute;z-index:99;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.search-history-card .search-add-remove-button,.search-history-card__bottom-left-button{height:36px;width:36px;position:absolute;bottom:0;transform:none;z-index:489;pointer-events:all!important;cursor:pointer!important}.search-history-card .search-add-remove-button{right:-.5rem;bottom:-.5rem}@media(hover:hover)and (pointer:fine){.search-history-card__not-playable:hover .stem-artwork-icon{cursor:initial!important;opacity:1}}.search-history-card__is-playing .stem-artwork-icon{opacity:.5}.search-history-card__clickable{cursor:pointer}.search-history-card__clickable .stem-artwork-icon{cursor:pointer!important}.search-history-card__bottom-left-button{left:0}.search-history-card__bottom-left-button--square{bottom:-.25rem;left:-.25rem}.draggable-list{overflow-x:scroll;overflow-y:hidden;margin:0;position:relative;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;flex-wrap:nowrap;width:100%;min-width:100%;padding:0;padding-right:calc(var(--station-list-width, 0px) + 2.5rem)}@media(min-width:768px){.draggable-list{padding:0 .5rem;padding-right:calc(var(--station-list-width, 0px) + 2.5rem)}}.draggable-list__flex-start{cursor:grab;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem}.draggable-list--is-grid{flex-direction:row}.draggable-list--is-grid .draggable-list__album-row{display:flex;flex-direction:column;justify-content:initial;align-items:initial;gap:.5rem}@media(min-width:768px){.draggable-list--is-grid .draggable-list__album-row{display:flex;flex-direction:column;justify-content:initial;align-items:initial;gap:1rem}}.draggable-list{-ms-overflow-style:none;scrollbar-width:none}.draggable-list::-webkit-scrollbar{display:none}.draggable-list__dragging:active,.draggable-list__dragging .draggable-list,.draggable-list__dragging .draggable-item,.draggable-list__dragging .draggable-list__item{cursor:grabbing}.draggable-list__container{width:100%;max-width:100vw;overflow-x:visible;overflow-y:visible;position:relative;-ms-overflow-style:none;scrollbar-width:none}.draggable-list__container::-webkit-scrollbar{display:none}.draggable-list__container{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.draggable-list__container--vertical{overflow-y:scroll;overflow-x:hidden}.draggable-list__item:first-of-type{padding-left:calc(.5rem + 5px)}@media(min-width:768px){.draggable-list__item:first-of-type{padding-left:0}}.draggable-list__item:last-of-type{margin-right:2rem;padding-right:1rem}@media(min-width:768px){.search-history .draggable-list{gap:1rem}}.search-history:first-child{margin-top:1.25rem}.search-history h4{padding-left:calc(.5rem + 5px)}@media(min-width:768px){.search-history h4{padding-left:0}}.search-splash-screen{position:fixed;left:0;margin-left:0;padding-left:0;top:calc(44px + 1.75rem);padding-bottom:calc(var(--player-height) + 100px + 50px)}.search-splash-screen--remix-search{top:calc((44px + 1.75rem)*2);padding-bottom:calc(var(--player-height) + 10rem)}.search-splash-screen{mask:linear-gradient(to bottom,transparent 0%,var(--color-background) 1rem,var(--color-background) 100%);-webkit-mask:linear-gradient(to bottom,transparent 0%,var(--color-background) 1rem,var(--color-background) 100%)}@media(min-width:768px){.search-splash-screen{margin-left:.5rem;padding-left:.5rem}}.search-splash-screen{z-index:379}.search-splash-screen__hot-mixes-section h4{padding-left:calc(.5rem + 5px)}@media(min-width:768px){.search-splash-screen__hot-mixes-section h4{padding-left:0}}.search-splash-screen .search-result-mix{max-width:250px;min-width:250px}@media(min-width:480px){.search-splash-screen .search-result-mix{max-width:400px;min-width:400px}}@media(min-width:768px){.search-splash-screen .search-result-mix{max-width:500px;min-width:500px}}.current-station-title{cursor:initial!important;padding-left:0!important}.current-station-title:hover{background-color:unset!important}.current-station-title .icon-card__title--heading{font-size:1.25rem!important}@media(min-width:560px){.current-station-title .icon-card__title--heading{font-size:1.5rem!important}}.search-results-category{padding:0 .75rem}@media(min-width:768px){.search-results-category .draggable-list{gap:1rem}}.search-results-category .search-error{align-items:start;text-align:left;margin-left:.5rem}.search-results-category__container{padding-top:1rem;position:fixed;mask:linear-gradient(to bottom,transparent 0%,var(--color-background) 1rem,var(--color-background) 100%);-webkit-mask:linear-gradient(to bottom,transparent 0%,var(--color-background) 1rem,var(--color-background) 100%);top:calc(44px + 1.75rem);padding-bottom:calc(var(--player-height) + 100px + 50px)}.search-results-category__container--remix-search{top:calc((44px + 1.75rem)*2);padding-bottom:calc(var(--player-height) + 10rem)}.intelliskip-toggle{position:relative;transition:filter .2s ease,transform .2s ease}.intelliskip-toggle svg{opacity:1!important}.intelliskip-toggle:hover:not(:disabled):not(.intelliskip-toggle--transitioning){transform:scale(1.1);filter:brightness(1.2)}.intelliskip-toggle--transitioning{animation:pulse 3s ease-in-out infinite;opacity:.5;transform:none!important}.intelliskip-toggle--enabled:hover:not(:disabled):not(.intelliskip-toggle--enabled--transitioning){filter:brightness(1.3)}:export{xxs:375px;xs:480px;s:560px;m:768px;l:1020px;xl:1240px;xxl:1400px}:root{--xs: 400;--color-background-rgb: 0, 0, 0;--color-background: rgb(var(--color-background-rgb));--color-background-transparent: rgba(var(--color-background-rgb), .8);--color-main: #f0f0f0;--color-background-hex: #000000;--onboarding-highlighting: #ff9a53;--color-emphasis: var(--color-main);--color-main-emphasis: var(--color-main);--color-main-high-emphasis: #ffffff;--color-main-shine: #787878;--color-main-placeholder: #909090;--color-icon-bg-01: #181818;--color-icon-bg-015: #242424;--color-icon-bg-02: #303030;--color-dim-main-rgb: 240, 240, 240;--color-dim-main: rgb(var(--color-dim-main-rgb));--color-main-alpha-07: rgba(var(--color-dim-main-rgb), .7);--color-main-alpha: rgba(var(--color-dim-main-rgb), .5);--color-main-alpha-02: rgba(var(--color-dim-main-rgb), .2);--color-main-alpha-015: rgba(var(--color-dim-main-rgb), .15);--color-main-alpha-01: rgba(var(--color-dim-main-rgb), .1);--glass-background: rgba(var(--color-background-rgb), .4);--glass-background-95: rgba(var(--color-background-rgb), .95);--glass-background-08: rgba(var(--color-background-rgb), .8);--glass-background-06: rgba(var(--color-background-rgb), .6);--glass-background-04: rgba(var(--color-background-rgb), .4);--color-background-faux-alpha-02: #303030;--color-background-faux-alpha-015: #242424;--color-background-faux-alpha-01: #181818;--dark-glass: rgba(0, 0, 0, .1);--dark-glass-blur: blur(30px);--light-glass: rgba(255, 255, 255, .3);--light-glass-blur: blur(20px);--xlight-glass-blur: blur(5px);--theme-glass: var(--dark-glass);--theme-glass-blur: var(--dark-glass-blur);--theme-background-gpu-alternative: rgba(0, 0, 0, .85);--glass-fallback-bg: rgba(var(--color-background-rgb), .32);--glass-opacity-subtle: .05;--glass-opacity-medium: .1;--glass-opacity-strong: .15;--glass-blur-subtle: 8px;--glass-blur-medium: 16px;--glass-blur-strong: 24px;--glass-box-shadow-color: rgba(60, 60, 60, .4);--glass-box-shadow: 0 0 15px var(--glass-box-shadow-color);--glass-box-shadow-strong: 1px 1px 25px rgba(75, 75, 75, .5);--depth-glass-box-shadow: 0 0 10px rgba(0, 0, 0, .1);--depth-glass-box-shadow-blur: 0 0 10px rgba(0, 0, 0, .1);--shadow-artwork: 0 2px 8px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .2);--mixed-background: rgb(20.4, 20.4, 20.4);--likes-muted-red: #d84a3f;--likes-station-color-1: rgb(225.75, 119.25, 111);--likes-station-color-2: rgb(197.1116883117, 51.3311688312, 40.0383116883)}@supports (color: color-mix(in srgb,white 50%,black 50%)){:root{--color-main-emphasis: color-mix(in srgb, var(--color-main) 50%, #fff 50%);--color-main-high-emphasis: color-mix(in srgb, var(--color-main) 30%, #fff 70%);--color-main-shine: color-mix(in srgb, var(--color-main) 50%, var(--color-background) 50%);--color-main-placeholder: color-mix(in srgb, var(--color-main) 50%, var(--color-background-faux-alpha-02) 50%);--color-icon-bg-01: color-mix(in srgb, var(--color-main) 10%, var(--color-background) 90%);--color-icon-bg-015: color-mix(in srgb, var(--color-main) 15%, var(--color-background) 85%);--color-icon-bg-02: color-mix(in srgb, var(--color-main) 20%, var(--color-background) 80%);--glass-background: color-mix(in srgb, var(--color-background) 40%, transparent 60%);--glass-background-95: color-mix(in srgb, var(--color-background) 95%, transparent 5%);--glass-background-08: color-mix(in srgb, var(--color-background) 80%, transparent 20%);--glass-background-06: color-mix(in srgb, var(--color-background) 60%, transparent 40%);--glass-background-04: color-mix(in srgb, var(--color-background) 40%, transparent 60%);--color-background-faux-alpha-02: color-mix(in srgb, var(--color-dim-main) 20%, #000 80%);--color-background-faux-alpha-015: color-mix(in srgb, var(--color-dim-main) 15%, #000 85%);--color-background-faux-alpha-01: color-mix(in srgb, var(--color-dim-main) 10%, #000 90%)}}[data-theme=light]{--theme-glass: var(--light-glass);--theme-glass-blur: var(--light-glass-blur);--dark-glass: var(--light-glass);--dark-glass-blur: var(--light-glass-blur);--glass-background: rgba(var(--color-background-rgb), .8);--glass-box-shadow-color: rgba(0, 0, 0, .08);--glass-box-shadow: 0 0 12px var(--glass-box-shadow-color);--glass-box-shadow-strong: 1px 1px 18px rgba(150, 150, 150, .2);--shadow-artwork: 0 2px 8px rgba(0, 0, 0, .12), 0 4px 16px rgba(0, 0, 0, .08);--theme-background-gpu-alternative: rgba(255, 255, 255, .85)}@supports (color: color-mix(in srgb,white 50%,black 50%)){[data-theme=light]{--glass-background: color-mix(in srgb, var(--color-background) 80%, transparent 20%)}}.homepage{container-type:inline-size;container-name:homepage;height:calc(100vh - 44px)!important;height:calc(100dvh - 44px)!important}@media(min-width:375px){.homepage{height:calc(100vh - 74px)!important;height:calc(100dvh - 74px)!important}}.homepage__mode-slider,.homepage>.station-card-container__station-heading{width:calc(100% - .5rem)}.homepage__mode-slider{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0;height:60px}.homepage__mode-slider__controls{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:0}@container homepage (max-width: 960px){.homepage .filter-station-mix-list-home--filter-active+.mode-toggle{display:none}}@media(max-width:1020px){.homepage .filter-station-mix-list-home--filter-active+.mode-toggle{display:none}}