:root{--basket-gutter:200px;--top-band-height:171px;--colour-divider:#ffffff1f;--colour-blue-100-muted:#ccccff26;--colour-blue-900-soft:#0000334d;--colour-basket-frost:#050508cc;--gradient-basket-card:linear-gradient(0deg, #0060 30%, #006 100%);--gradient-fade-mono-black-up:linear-gradient(180deg, #0e0e0e00 0%, var(--mono-black) 100%)}.main-layout__page-title{display:none}@media (width>=640px){.main-layout__page-title{align-items:center;display:inline-flex}}@media (width<768px){.nav-button--back{justify-content:center;min-width:44px;min-height:44px}.nav-button--back .nav-button__text{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.perks-header__savings{margin-left:var(--spacing-12);padding:6px var(--spacing-12);border-radius:var(--border-radius-pill);background-color:var(--intent-positive-muted);color:var(--lime-400);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);vertical-align:middle;align-items:center;line-height:1;display:none}@media (width>=1024px){.perks-header__savings{display:inline-flex}}html,body{background:var(--mono-black);height:auto;overflow:visible}.u-sticky-cta-gutter{padding-bottom:var(--basket-gutter)}.flow-hero{align-items:center;gap:var(--spacing-12);flex-direction:row;width:100%;display:flex}.flow-hero__mascot{flex-shrink:0;width:44px;height:44px;display:block}.flow-hero__heading{color:var(--mono-white);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);margin:0;line-height:28px}@media (width>=768px){.flow-hero{align-items:flex-start;gap:var(--spacing-20);flex-direction:column}.flow-hero__heading{font-size:var(--font-size-h1);line-height:34px}}.flow-cta{bottom:var(--keyboard-inset);width:100%;padding-block:var(--spacing-12);padding-bottom:var(--spacing-20);background:var(--gradient-fade-mono-black-up);justify-content:center;display:flex;position:sticky}@media (width>=768px){.flow-cta{padding:var(--spacing-24) 0}}@media (width>=1024px){.flow-cta{padding-bottom:48px}}.u-stagger>.flow-cta{animation-name:fade-in}.u-horizontal-scroller{scrollbar-width:none;overflow-x:auto}.u-horizontal-scroller::-webkit-scrollbar{display:none}@media (width>=1024px){body:has(.sheet--right-drawer) .playlisting-layout{padding-right:374px;transition:padding-right .25s}body:has(.sheet--right-drawer) .choose-playlists__basket,body:has(.sheet--right-drawer) .playlisting-summary__basket{width:auto;transition:right .25s;right:374px}}.app-header-slot--empty .app-header{min-height:60px}.app-shell:has(.cycle-view--blurred) .app-shell__sidebar,.app-shell:has(.cycle-view--blurred) .app-shell__header,.app-shell:has(.cycle-view--blurred) .app-shell__mobile-header,.app-shell:has(.cycle-view--blurred) .app-shell__bottom-nav{filter:blur(12px);transition:filter .2s}a,button,label,summary,select,[role=button],[role=menuitem],[role=tab],input:not([type=text],[type=email],[type=password],[type=search]){touch-action:manipulation}a,button,label,summary,[role=button],[role=menuitem],[role=tab]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}