.generating-pill-button{position:absolute;bottom:var(--player-height);left:50%;transform:translate(-50%,-50%);z-index:99999;height:44px;padding:0 1rem;border-radius:9999px;background-color:var(--color-background);background-color:var(--color-main);color:var(--color-background)}@media (hover: hover) and (pointer: fine){.generating-pill-button:hover{background-color:#7d7262!important}}@media (max-width: 480px){.unified-mix-list-container{position:relative;padding-top:110px;min-height:100vh!important}}@media (min-width: 481px){.unified-mix-list-container{position:fixed;top:0;left:0;right:0;bottom:0;padding-left:.5rem;padding-top:110px;overflow:hidden;display:flex;flex-direction:column;pointer-events:none;min-height:unset}.unified-mix-list-container--station-list-visible{right:var(--station-list-width);width:calc(100% - var(--station-list-width))}}.unified-mix-list-container .mix-list-track{margin-right:.5rem}@media (min-width: 480px){.unified-mix-list-container .wrapper--scroll{flex:1;min-height:0;overflow:hidden;pointer-events:auto}.unified-mix-list-container .wrapper--scroll>div{height:100%!important}@supports (scrollbar-color: red blue){.unified-mix-list-container .wrapper--scroll .virtuoso-scroller{scrollbar-width:thin;scrollbar-color:var(--color-main-alpha) transparent}}.unified-mix-list-container .wrapper--scroll .virtuoso-scroller::-webkit-scrollbar{width:4px;background:transparent}.unified-mix-list-container .wrapper--scroll .virtuoso-scroller::-webkit-scrollbar-thumb{background:var(--color-main-alpha);border-radius:2px;border:none;background-clip:padding-box;min-height:4px}.unified-mix-list-container .wrapper--scroll .virtuoso-scroller::-webkit-scrollbar-thumb:hover{background:var(--color-main-alpha-02)}.unified-mix-list-container .wrapper--scroll .virtuoso-scroller::-webkit-scrollbar-track{background:transparent}@supports (scrollbar-color: red blue){.unified-mix-list-container .wrapper--scroll .virtuoso-scroller>div{scrollbar-width:thin;scrollbar-color:var(--color-main-alpha) transparent}}.unified-mix-list-container .wrapper--scroll .virtuoso-scroller>div::-webkit-scrollbar{width:4px;background:transparent}.unified-mix-list-container .wrapper--scroll .virtuoso-scroller>div::-webkit-scrollbar-thumb{background:var(--color-main-alpha);border-radius:2px;border:none;background-clip:padding-box;min-height:4px}.unified-mix-list-container .wrapper--scroll .virtuoso-scroller>div::-webkit-scrollbar-thumb:hover{background:var(--color-main-alpha-02)}.unified-mix-list-container .wrapper--scroll .virtuoso-scroller>div::-webkit-scrollbar-track{background:transparent}}.unified-mix-list-container .virtuoso-container{height:100%;width:100%}.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: 760px){.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: 760px){.large-icon-card__icon{min-height:128px;max-height:128px;height:128px;min-width:128px!important;max-width:128px;width:128px;border-radius:14px}}.large-icon-card__subheading,.large-icon-card__heading{font-size:12.5px;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:390;pointer-events:all!important;cursor:pointer!important}.search-history-card .search-add-remove-button{right:.5rem;transform:none}@media (min-width: 760px){.search-history-card .search-add-remove-button{right:0;transform:none}}.search-history-card .search-add-remove-button--square{bottom:-.25rem;right:-.25rem;transform:none}@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__bottom-left-button{left:0}.search-history-card__bottom-left-button--square{bottom:-.25rem;left:-.25rem}@media (min-width: 760px){.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: 760px){.search-history h4{padding-left:0}}.search-splash-screen{top:calc(44px + 1rem);left:0;position:fixed;padding-top:1.25rem;margin-left:0;padding-left:0}@media (min-width: 760px){.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: 760px){.search-splash-screen__hot-mixes-section h4{padding-left:0}}.search-splash-screen__mix{min-width:0;width:100%;max-width:250px!important;min-width:250px!important}@media (min-width: 480px){.search-splash-screen__mix{max-width:400px!important;min-width:400px!important}}@media (min-width: 760px){.search-splash-screen__mix{max-width:500px!important;min-width:500px}}.search-splash-screen__mix .icon-card__icon{height:50px;min-height:50px;width:50px;min-width:50px}.search-results{display:flex;flex-direction:row;justify-content:space-around;align-items:initial;gap:1rem;flex-wrap:wrap}@media (min-width: 560px){.search-results{display:flex;flex-direction:row;justify-content:center;align-items:initial;gap:1rem}}.search-results__button{all:unset}.search-results__button:focus,.search-results__button:focus-visible{outline:none;box-shadow:unset}.search-results__generate-button-visible{margin-bottom:60px}@media (min-width: 760px){.search-results-category .draggable-list{gap:1rem}}.search-results-category .search-error{align-items:start;text-align:left;margin-left:.5rem}[data-testid=search_results_history_container],[data-testid=search_results]{padding-top:0}:export{xs:480px;s:560px;m:760px;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: 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(0, 0, 0, .1);--glass-box-shadow: 0 0 10px var(--glass-box-shadow-color);--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)}@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);--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{padding-top:2.5rem;margin-top:1.25rem;container-type:inline-size;container-name:homepage;position:relative}.homepage__mode-banner{position:absolute;z-index:10000;transform-origin:"top center";top:114px;left:-10%}@media (min-width: 560px){.homepage__mode-banner{left:unset;background-color:unset;top:124px}}@container homepage (max-width: 960px){.homepage__mode-banner .filter-station{display:none}}.homepage__mode-banner .filter-station{position:absolute;left:0;max-width:300px}.homepage__mode-banner .slide-toggle{pointer-events:all}.homepage__mode-banner{transition:transform .2s ease}.homepage__mode-banner--squashed .stem-dropdown-menu__container{transform:translate(-102%,-124px)!important}.homepage__mode-banner--squashed{transform:translateY(-50px)}@media (min-width: 560px){.homepage__mode-banner--squashed{transform:translateY(-46px)}}.homepage__banner{position:fixed;top:60px;z-index:10000;pointer-events:none;width:100%;left:0}.homepage__banner--top-transition{transition:transform .2s ease}@media (min-width: 480px){.homepage__banner{width:calc(100% - var(--station-list-width) - 1.25rem);left:unset}}.homepage__banner .homepage-banner-squash-element{transform:translateY(0)}.homepage__banner .homepage-banner-squash-element--squashed{transform:translateY(-48px)}.homepage__banner .homepage-banner-background-element{height:180px;position:absolute;top:0;width:100%;z-index:-1}.homepage__banner .current-station-title{pointer-events:all;margin-bottom:100px;border-radius:14px}.homepage__banner .current-station-title p{width:calc(100% + .5rem)}.homepage__banner .current-station-title p .marquee-content{padding-left:.25rem}.homepage__banner .current-station-title .station-card-options{left:93px}@media (min-width: 560px){.homepage__banner .current-station-title .station-card-options{left:108px}}.homepage__banner .current-station-title .station-card-options .filter-station{width:calc(100% - 12px)}.homepage__banner .current-station-title .icon-card__title--subheading{padding-left:.25rem}