.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}}.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: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:768px){.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__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) + 5rem)}.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__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:768px){.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-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) + 5rem)}.search-results-category__container--remix-search{top:calc((44px + 1.75rem)*2);padding-bottom:calc(var(--player-height) + 10rem)}: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: 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;position:relative;container-name:homepage}.homepage__mode-slider{position:absolute;z-index:10000;transform-origin:"top center";top:108px;width:100%;transition:transform .2s ease;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0}@media(min-width:480px){.homepage__mode-slider{top:122px}}.homepage__mode-slider .slide-toggle{pointer-events:all}.homepage__banner{position:fixed;top:44px;z-index:10000;transition:transform .2s ease;min-width:calc(100% - var(--station-list-width) - .75rem);width:calc(100% - var(--station-list-width) - .75rem)}@media(min-width:375px){.homepage__banner{top:74px}}.homepage__banner--mix-list-scroll-active .homepage__mode-slider{transform:translateY(-38px)}@container homepage (max-width: 960px){.homepage__banner .filter-station-mix-list-home--filter-active+.mode-toggle-container{display:none}}@media(max-width:1020px){.homepage__banner .filter-station-mix-list-home--filter-active+.mode-toggle-container{display:none}}.homepage__banner .mode-toggle-container{position:absolute;left:0;right:0}