.src-shared-___AsyncLoad-module__defaultLoadingContent___NLNus {
    width: 500px;
    text-align: center;
    position: relative;
}

.src-shared-___AsyncLoad-module__spinner___NAOJ0 {
    margin-bottom: 1rem;
}

.src-shared-___AsyncLoad-module__text___sWW\+N {
    opacity: 0;
    position: absolute;
    width: 500px;
    left: 0;
    text-align: center;
}

.src-shared-___AsyncLoad-module__text___sWW\+N.src-shared-___AsyncLoad-module__fadeIn___JqZi\+ {
    animation: src-shared-___AsyncLoad-module__fadeIn___JqZi\+ 1s var(--pds-easing-move_in);
    opacity: 1;
}

.src-shared-___AsyncLoad-module__text___sWW\+N.src-shared-___AsyncLoad-module__fadeIn___JqZi\+.src-shared-___AsyncLoad-module__fadeOut___cVrag {
    animation: src-shared-___AsyncLoad-module__fadeOut___cVrag 1s var(--pds-easing-move_out);
    opacity: 0;
}

@keyframes src-shared-___AsyncLoad-module__fadeIn___JqZi\+ {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes src-shared-___AsyncLoad-module__fadeOut___cVrag {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.src-mainapp-modals-___AsyncModal-module__loadingWrapper___otsgZ {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 2rem;
    width: 100%;
}

div .src-mainapp-notifications-___Notifications-module__offset___Oy3J8 {
    bottom: 5.8rem;
}

div .src-mainapp-notifications-___Notifications-module__offset___Oy3J8.src-mainapp-notifications-___Notifications-module__isMusic___4rX4\+ {
    /** Plus 3rem subbar. */
    bottom: 8.8rem;
}

.src-mainapp-notifications-___Notifications-module__toast___ajDnB {
    z-index: 2000;
}

.src-mainapp-banners-___MigrateToUPIBanner-module__upiBannerBoldText___Mo5f6 {
    font-weight: 700;
}

.src-mainapp-components-LocalizedLink-___styles-module__link___Fxzqr {
    color: var(--es-color-text-primary);
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

.src-mainapp-___Nav-module__navAndTopBannerContainer___JDYEW {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
}

.src-mainapp-components-___ExternalLink-module__link___0Tp8x {
    color: inherit;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.src-mainapp-SignedInNav-___LabsPillLink-module__container___-Wdj7 {
    display: flex;
    padding-inline: 0.5rem 0.75rem;
    align-items: center;
    white-space: nowrap;
}

.src-mainapp-SignedInNav-___LabsPillLink-module__pill___8T-x9 {
    color: var(--es-color-text-secondary);
    padding: 4px 8px;
    border: 1px solid var(--es-color-border-secondary);
    border-radius: 100px;
    background: var(--es-color-action-ghost);
}

/* hack to restyle pill */
.src-mainapp-SignedInNav-___LabsPillLink-module__pill___8T-x9 > span {
    background-color: #6792ff;
    border-radius: 100px;
}

.src-mainapp-SignedInNav-___LabsPillLink-module__pill___8T-x9.src-mainapp-SignedInNav-___LabsPillLink-module__isActive___6p1mG {
    color: var(--es-color-text-primary);
    border: 1px solid #6792ff;
    border-radius: 100px;
    background: var(--es-color-action-ghost-hovered);
}

.src-mainapp-SignedInNav-___LabsPillLink-module__pill___8T-x9:hover {
    color: var(--es-color-text-primary);
    background: var(--es-color-action-ghost-hovered);
}

.src-mainapp-SignedInNav-___LabsPillLink-module__pill___8T-x9:active {
    background: var(--es-color-action-ghost-pressed);
}

.src-mainapp-SignedInNav-___NavLink-module__container___GS6Ki {
    border-radius: var(--es-radius-small);
    box-sizing: border-box;
    padding: 0rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--es-color-text-secondary);
}

.src-mainapp-SignedInNav-___NavLink-module__container___GS6Ki:has(.src-mainapp-SignedInNav-___NavLink-module__betaBadge___GF6-Z) {
    flex-direction: column;
}

.src-mainapp-SignedInNav-___NavLink-module__container___GS6Ki:focus-visible {
    outline-offset: 2px;
    outline: 2px solid var(--es-color-misc-focused);
}

.src-mainapp-SignedInNav-___NavLink-module__container___GS6Ki:hover {
    background-color: var(--es-color-action-ghost-hovered);
}

.src-mainapp-SignedInNav-___NavLink-module__container___GS6Ki:active {
    background-color: var(--es-color-action-ghost-pressed);
}

.src-mainapp-SignedInNav-___NavLink-module__activeContainer___cjCfP {
    background-color: var(--es-color-action-ghost-hovered);
    color: var(--es-color-text-primary);
}

.src-mainapp-SignedInNav-___NavLink-module__activeContainer___cjCfP:hover {
    background-color: var(--es-color-action-ghost-hovered);
}

.src-mainapp-SignedInNav-___NavLink-module__activeContainer___cjCfP:active {
    background-color: var(--es-color-action-ghost-pressed);
}

.src-mainapp-SignedInNav-___NavLink-module__navTitles___8-uiB {
    text-align: center;
    line-height: 1.25rem;
}

.src-mainapp-SignedInNav-___NavLink-module__container___GS6Ki:hover .src-mainapp-SignedInNav-___NavLink-module__navTitles___8-uiB,
.src-mainapp-SignedInNav-___NavLink-module__container___GS6Ki:hover .src-mainapp-SignedInNav-___NavLink-module__navIcons___HtRcF {
    color: var(--es-color-icon-primary);
}

.src-mainapp-SignedInNav-___NavLink-module__labsContainer___hCfFX {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.src-mainapp-SignedInNav-___NavLink-module__labsContainerActive___IvE3A {
    position: relative;
    bottom: -1px;
}

.src-mainapp-SignedInNav-___NavLink-module__borderBottom___dxstT {
    border-bottom: 2px solid #6792ff;
}

@media (min-width: calc(60rem + 1px)) {
    .src-mainapp-SignedInNav-___NavLink-module__container___GS6Ki:has(.src-mainapp-SignedInNav-___NavLink-module__betaBadge___GF6-Z) {
        flex-direction: row;
        gap: 0.5rem;
    }
}

.src-mainapp-SignedInNav-___NavMainItems-module__linkWrapper___Dudwc {
    display: flex;

    /* Allows horizontal scrolling, but hides the scrollbar.
    *  Contains any unwanted overflow to this one container.
    */
    overflow-x: scroll;
    scrollbar-width: none;
}

.src-mainapp-SignedInNav-___NavMainItems-module__sfxLink___68iqv {
    min-width: 6.75rem;
}

.src-mainapp-early-access-final-cut-___FinalCutDownloadModal-module__action___YO1o\+ + .src-mainapp-early-access-final-cut-___FinalCutDownloadModal-module__action___YO1o\+ {
    margin-top: 1rem;
}

.src-mainapp-early-access-final-cut-___FinalCutDownloadModal-module__bold___XNqv3 {
    font-weight: 600;
}

.src-mainapp-early-access-final-cut-___FinalCutDownloadModal-module__link___GQUGj {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

.src-mainapp-SignedInNav-___AppsDropdown-module__button___LcOe1 {
    height: 3.5rem;
    flex-shrink: 0;
}

.src-mainapp-SignedInNav-___AppsDropdown-module__menuContainer___Fbxuu {
    margin-top: -0.25rem;
}

/* A hack to hide the badge at a certain width, since we're running into a non-standard breakpoint when the button breaks */
@media (max-width: 1016px) {
    .src-mainapp-SignedInNav-___AppsDropdown-module__button___LcOe1 {
        display: none;
    }
}

.src-mainapp-SignedInNav-___MobileNav-module__container___VXOnk {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: var(--es-color-background-elevation);
    z-index: 100;
    opacity: 0;
    transition: opacity 125ms ease-in-out;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.src-mainapp-SignedInNav-___MobileNav-module__visible___-UkSL {
    opacity: 1;
}

.src-mainapp-SignedInNav-___MobileNav-module__closeButtonContainer___pnUYm {
    display: flex;
    justify-content: flex-end;
}

.src-mainapp-SignedInNav-___MobileNav-module__menuItems___c4YXR {
    display: flex;
    flex-direction: column;
    padding: 0 1.5rem;
}

.src-mainapp-SignedInNav-___MobileNav-module__primaryItems___eljqQ,
.src-mainapp-SignedInNav-___MobileNav-module__secondaryItems___Wo0n5 {
    display: flex;
    flex-direction: column;
}

.src-mainapp-SignedInNav-___MobileNav-module__primaryItems___eljqQ {
    margin-bottom: 1rem;
}

.src-mainapp-SignedInNav-___MobileNav-module__primaryLink___RcVNU,
.src-mainapp-SignedInNav-___MobileNav-module__secondaryLink___xXUlV {
    padding: 0.75rem 0;
}

.src-mainapp-SignedInNav-___MobileNav-module__primaryLink___RcVNU {
    display: flex;
    align-items: center;
    gap: 1rem;

    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem;
}

.src-mainapp-SignedInNav-___MobileNav-module__logout___Ep-D- {
    display: flex;
    justify-content: space-between;
}

.src-mainapp-SignedInNav-___MobileNav-module__checkoutLink___6msPR {
    margin: 1.5rem;
    margin-top: auto;
}

.src-mainapp-SignedInNav-___MobileNav-module__downloadCounterBoxWrapper___XE7jH {
    display: flex;
    flex-direction: column;
    padding: 1rem 2rem 1rem 2rem;
    background-color: var(--es-color-background-surface);
    margin-top: auto;
}

.src-mainapp-SignedInNav-___MobileNav-module__productText___15R0N {
    padding-bottom: 1rem;
}

.src-mainapp-SignedInNav-___MobileNav-module__upgradeButton___R\+ZOy {
    margin-top: 1rem;
}

@media (min-width: calc(30rem + 1px)) and (max-width: 60rem) {
    .src-mainapp-SignedInNav-___MobileNav-module__closeButtonContainer___pnUYm {
        padding-inline: var(--es-grid-padding-medium);
    }

    .src-mainapp-SignedInNav-___MobileNav-module__menuItems___c4YXR {
        padding-inline: var(--es-grid-padding-medium);
    }
}

.src-mainapp-SignedInNav-___NavSecondaryItems-module__container___-\+yb9 {
    display: flex;
}

.src-mainapp-SignedInNav-___NavSecondaryItems-module__container___-\+yb9 > :last-child {
    align-self: center;
}

.src-mainapp-SignedInNav-___NavSecondaryItems-module__menuItems___DTW7s {
    padding: 0.5rem;
    min-width: 13rem;
}

.src-mainapp-SignedInNav-___NavSecondaryItems-module__cartButtonContainer___90\+zQ {
    align-self: center;
}

.src-mainapp-SignedInNav-___NavSecondaryItems-module__cartButton___2Pxvg {
    align-self: center;
}

.src-mainapp-SignedInNav-___NavSecondaryItems-module__cartBadge___jgNVa {
    position: absolute;
    background: var(--es-color-background-inverse);
    border-radius: 50%;
    font-size: 0.625rem;
    color: var(--es-color-text-inverse);
    height: 1rem;
    width: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0.8rem;
    right: 0.4rem;
}

.src-mainapp-SignedInNav-___NavSecondaryItems-module__burgerMenuButton___6rrKF {
    cursor: pointer;
    line-height: none;
    background: none;
    border: none;
    display: grid;
    justify-content: center;
    align-content: center;
    height: 3.5rem;
    width: 3.5rem;
    border-radius: var(--es-radius-small);
}

.src-mainapp-SignedInNav-___NavSecondaryItems-module__burgerMenuButton___6rrKF:hover {
    background-color: var(--es-color-action-ghost-hovered);
}

.src-mainapp-SignedInNav-___NavSecondaryItems-module__burgerMenuButton___6rrKF:active {
    background-color: var(--es-color-action-ghost-pressed);
}

.src-mainapp-SignedInNav-___NavSecondaryItems-module__downloadCounterBoxWrapper___vU3Z4 {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    background-color: var(--es-color-background-surface);
    margin: -0.1rem -0.5rem -0.55rem -0.5rem;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.src-mainapp-SignedInNav-___NavSecondaryItems-module__downloadCounterBoxWrapper___vU3Z4:hover {
    cursor: auto;
}

.src-mainapp-SignedInNav-___NavSecondaryItems-module__divider___DTx1C {
    height: 2rem;
    background-color: var(--es-color-misc-divider);
    margin: -1rem -1rem 1rem -1rem;
}

.src-mainapp-SignedInNav-___NavSecondaryItems-module__productText___ef9UZ {
    padding-bottom: 1rem;
}

.src-mainapp-SignedInNav-___NavSecondaryItems-module__upgradeButton___IBxlI {
    margin-top: 1rem;
}

.src-mainapp-onboarding-checklist-___OnboardingChecklist-module__checklistWrapper___qc3Yw {
    display: inline-block;
}

.src-mainapp-onboarding-checklist-___OnboardingChecklist-module__checklistButtonWrapper___HROKA {
    position: relative;
    display: flex;
    align-items: center;
    text-wrap: nowrap;
    color: black;
}

.src-mainapp-onboarding-checklist-___OnboardingChecklist-module__checklistButtonWrapper___HROKA:hover {
    background: var(--es-color-action-ghost-hovered);
    cursor: pointer;
}

.src-mainapp-onboarding-checklist-___OnboardingChecklist-module__checklistButtonWrapper___HROKA:active {
    background: var(--es-color-action-ghost-pressed);
    cursor: pointer;
}

.src-mainapp-onboarding-checklist-___OnboardingChecklist-module__checklistButtonWrapper___HROKA:hover .src-mainapp-onboarding-checklist-___OnboardingChecklist-module__checklistButton___P8w8y:hover {
    background: var(--es-color-background-surface-hover) !important;
}

.src-mainapp-onboarding-checklist-___OnboardingChecklist-module__checklistButton___P8w8y {
    height: 3.5rem;
    width: 3.5rem;
    flex-shrink: 0;
}

.src-mainapp-onboarding-checklist-___OnboardingChecklist-module__notificationDot___jkXbD {
    position: absolute;
    left: calc(90%);
    top: calc(60%);
    transform: translate(-100%, -50%);
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    background: var(--es-color-background-new);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.src-mainapp-onboarding-checklist-___OnboardingChecklist-module__notificationDot___jkXbD:empty::before {
    content: '';
}

.src-mainapp-onboarding-checklist-___OnboardingChecklist-module__checklistContainer___8T-qi {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background: var(--es-color-background-elevation);
    position: absolute;
    top: 100%;
    width: 100%;
    right: 0;
    box-sizing: border-box;
    min-width: 21.875rem;
    z-index: 11;
    box-shadow: var(--es-elevation-floating);
}

.src-mainapp-onboarding-checklist-___OnboardingChecklist-module__checklistSection___xfjP6 {
    list-style: none;
    padding-right: 1rem;
    padding-left: 1rem;
    width: 100%;
    box-sizing: border-box;
}

.src-mainapp-onboarding-checklist-___OnboardingChecklist-module__upperWrapper___amqJh {
    background: var(--es-color-background-surface);
}

.src-mainapp-onboarding-checklist-___OnboardingChecklist-module__summaryContainer___YtdWr {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.src-mainapp-onboarding-checklist-___OnboardingChecklist-module__featureHighlight___fi5us {
    background-color: var(--es-color-background-new);
}

@media (min-width: calc(30rem + 1px)) {
    .src-mainapp-onboarding-checklist-___OnboardingChecklist-module__checklistWrapper___qc3Yw {
        position: relative;
    }
}

.src-mainapp-onboarding-checklist-___ChecklistProgress-module__screenReaderOnly___V8eRs {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.src-mainapp-onboarding-checklist-___ChecklistProgress-module__checklistProgress___ocK0I {
    -webkit-appearance: none;
    appearance: none;
}

.src-mainapp-onboarding-checklist-___ChecklistProgress-module__checklistProgressVisual___PT77m {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 1.5rem;
    gap: 0.25rem;
}

.src-mainapp-onboarding-checklist-___ChecklistProgress-module__checklistProgressUnit___3ZD8b {
    flex: 1;
    height: 0.25rem;
    background-color: var(--es-color-track-default);
}

.src-mainapp-onboarding-checklist-___ChecklistProgress-module__checklistProgressUnit___3ZD8b.src-mainapp-onboarding-checklist-___ChecklistProgress-module__completed___eJ4H1 {
    background-color: var(--es-color-icon-positive);
}

.src-mainapp-onboarding-checklist-___ClickableListItem-module__checklistLi___N1K82 {
    list-style-type: none;
    width: 100%;
}

.src-mainapp-onboarding-checklist-___ClickableListItem-module__completed___tOUuq {
    border-left: 2px solid var(--es-color-icon-positive);
}

.src-mainapp-onboarding-checklist-___ClickableListItem-module__checklistItem___m5h29 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.75rem 1rem;
    gap: 0.75rem;
    color: var(--es-color-text-primary);
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
}

.src-mainapp-onboarding-checklist-___ClickableListItem-module__checklistItem___m5h29:hover {
    background: var(--es-color-background-surface);
}

.src-mainapp-onboarding-checklist-___ClickableListItem-module__checklistItem___m5h29:focus {
    outline: none;
    background: var(--es-color-background-surface);
}

.src-mainapp-onboarding-checklist-___ClickableListItem-module__checklistItem___m5h29:active {
    background: var(--es-color-action-ghost-pressed);
}

.src-mainapp-onboarding-checklist-___ClickableListItem-module__checklistIcon___nrWPl {
    display: flex;
    align-items: center;
    color: var(--es-color-icon-disabled);
}

.src-mainapp-onboarding-checklist-___ClickableListItem-module__statusIndicator___ENoCf {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    color: var(--es-color-background-new);
}

.src-mainapp-onboarding-checklist-___ClickableListItem-module__textContainer___TRXx0 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 0.125rem;
}

.src-mainapp-onboarding-checklist-___ClickableListItem-module__title___JQpIZ {
    display: block;
}

.src-mainapp-onboarding-checklist-___ClickableListItem-module__subtitle___rSh7k {
    display: block;
}

.src-mainapp-onboarding-checklist-___ClickableChecklist-module__checklistContainer___9NaFF {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 0.5rem;
    box-sizing: border-box;
}

.src-mainapp-onboarding-checklist-___ClickableChecklist-module__checklistContainer___9NaFF:has(.src-mainapp-onboarding-checklist-___ClickableChecklist-module__expandedList___7ZydX) {
    background: var(--es-color-action-tertiary);
}

.src-mainapp-onboarding-checklist-___ClickableChecklist-module__checklistContainer___9NaFF:not(:has(.src-mainapp-onboarding-checklist-___ClickableChecklist-module__expandedList___7ZydX)):hover .src-mainapp-onboarding-checklist-___ClickableChecklist-module__collapsedItem___5IeCv {
    background: var(--es-color-action-tertiary);
}

.src-mainapp-onboarding-checklist-___ClickableChecklist-module__checklistItem___7jSri:focus {
    outline: none;
    background: var(--es-color-background-surface);
}

.src-mainapp-onboarding-checklist-___ClickableChecklist-module__checklistItem___7jSri {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.75rem 1rem;
    gap: 0.75rem;
    color: var(--es-color-text-primary);
    cursor: pointer;
}

.src-mainapp-onboarding-checklist-___ClickableChecklist-module__collapsedItem___5IeCv {
    position: relative;
}

.src-mainapp-onboarding-checklist-___ClickableChecklist-module__collapsedItem___5IeCv:has(+ .src-mainapp-onboarding-checklist-___ClickableChecklist-module__expandedList___7ZydX) {
    border-bottom: 1px solid var(--es-color-misc-divider);
    margin-bottom: 0.5rem;
}

.src-mainapp-onboarding-checklist-___ClickableChecklist-module__checklistIcon___5WOvt {
    display: flex;
    align-items: center;
}

.src-mainapp-onboarding-checklist-___ClickableChecklist-module__title___HPKjv {
    display: flex;
    flex-grow: 1;
}

.src-mainapp-onboarding-checklist-___ClickableChecklist-module__chevron___giA5z {
    display: none;
    align-items: center;
}

.src-mainapp-onboarding-checklist-___ClickableChecklist-module__checklistContainer___9NaFF:hover .src-mainapp-onboarding-checklist-___ClickableChecklist-module__chevron___giA5z,
.src-mainapp-onboarding-checklist-___ClickableChecklist-module__checklistItem___7jSri:focus .src-mainapp-onboarding-checklist-___ClickableChecklist-module__chevron___giA5z,
.src-mainapp-onboarding-checklist-___ClickableChecklist-module__checklistContainer___9NaFF:has(.src-mainapp-onboarding-checklist-___ClickableChecklist-module__expandedList___7ZydX) .src-mainapp-onboarding-checklist-___ClickableChecklist-module__chevron___giA5z {
    display: flex;
}

.src-mainapp-onboarding-checklist-___ClickableChecklist-module__chevronIcon___Bb219 {
    transition: transform 0.2s ease;
}

.src-mainapp-onboarding-checklist-___ClickableChecklist-module__chevronOpen___1I-Zp {
    transform: rotate(180deg);
}

.src-mainapp-onboarding-checklist-___ClickableChecklist-module__expandedList___7ZydX {
    display: flex;
    flex-direction: column;
}

.src-mainapp-onboarding-checklist-modals-___ModalContent-module__content___Ah0QT {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.src-mainapp-onboarding-checklist-modals-___ModalContent-module__link___leaF1 {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

.src-mainapp-onboarding-checklist-modals-___TaskModal-module__taskModal___1gzPN {
    display: flex;
    flex-direction: column;
}

.src-mainapp-onboarding-checklist-modals-___TaskModal-module__taskModal___1gzPN video {
    background-color: var(--es-color-background-brand-moss);
}

.src-mainapp-onboarding-checklist-modals-___TaskModal-module__modalContents___88era > div > p {
    font-size: smaller;
}

.src-mainapp-onboarding-checklist-___ChecklistHighlights-module__highlightsContainer___MEk-U {
    box-sizing: border-box;
    width: 100%;
}

.src-mainapp-onboarding-checklist-___ChecklistHighlights-module__highlightHeader___4ZkeM {
    padding: 1rem;
    width: 100%;
    box-sizing: border-box;
}

.src-mainapp-onboarding-checklist-___ChecklistHighlights-module__highlightBody___lOEjn {
    padding: 0.5rem 0;
    box-sizing: border-box;
    width: 100%;
}

.src-mainapp-components-AnimatedIconWrapper-___AnimatedIconWrapper-module__centered___ncYse {
    display: flex;
    justify-content: center;
    align-items: center;

    height: 100%;
}

.src-mainapp-credits-___NavCredits-module__creditsHeaderContainer___4NdmU {
    padding: 4px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

.src-mainapp-credits-___NavCredits-module__rowWrapper___ClN9k {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    gap: 2rem;
}

.src-mainapp-credits-___NavCredits-module__divider___omCUn {
    margin: 4px 16px;
    border-color: var(--es-color-border-tertiary);
}

.src-mainapp-credits-___NavCredits-module__rowWidthBound___iOphK {
    max-width: 15rem;
}

@media (max-width: 30rem) {
    .src-mainapp-credits-___NavCredits-module__rowWidthBound___iOphK {
        max-width: unset;
    }
}

.src-mainapp-SignedInNav-___SignedInNav-module__nav___le6uA {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--es-color-background-base);
    z-index: 5;

    /* If the nav is very small, don't pad it. */
    --es-grid-padding-small: 0;
}

.src-mainapp-SignedInNav-___SignedInNav-module__navContent___1cIUB {
    display: flex;
    justify-content: space-between;
}

.src-mainapp-SignedInNav-___SignedInNav-module__navSection___MSigl {
    display: flex;
}

.src-mainapp-SignedInNav-___SignedInNav-module__overflowWrapper___NUjXA {
    /* Allows horizontal scrolling, but hides the scrollbar.
    *  Contains any unwanted overflow to this one container.
    */
    overflow-x: scroll;
    scrollbar-width: none;
}

.src-mainapp-SignedInNav-___SignedInNav-module__hasChildren___FCo1U {
    margin-top: 1.5rem;
}

.src-mainapp-SignedOutNav-___NavErrorFallback-module__container___f-0JD {
    width: 100%;
    text-align: center;
    background: var(--pds-color-gray_1);
    padding: 0.625rem 0.8125rem;
}

.src-mainapp-SignedOutNav-components-___NavBar-module__pushContent___IRViB {
    width: 100%;
    position: sticky;
    top: 0;
}

.src-mainapp-SignedOutNav-components-___NavBar-module__container___-oR3c {
    font-family: 'Inter', sans-serif;
    background-color: var(--es-color-background-base);
    height: -moz-fit-content;
    height: fit-content;
    position: sticky;
    width: 100%;
    box-sizing: border-box;
    padding: 1rem 0;
}

.src-mainapp-SignedOutNav-components-___NavBar-module__pushContent___IRViB,
.src-mainapp-SignedOutNav-components-___NavBar-module__container___-oR3c {
    z-index: 10;
}

.src-mainapp-SignedOutNav-components-___NavBar-module__pushContent___IRViB.src-mainapp-SignedOutNav-components-___NavBar-module__menuIsOpen___Mkc0L,
.src-mainapp-SignedOutNav-components-___NavBar-module__pushContent___IRViB.src-mainapp-SignedOutNav-components-___NavBar-module__menuIsOpen___Mkc0L .src-mainapp-SignedOutNav-components-___NavBar-module__container___-oR3c {
    z-index: 12;
}

.src-mainapp-SignedOutNav-components-___NavBar-module__container___-oR3c .src-mainapp-SignedOutNav-components-___NavBar-module__col___pTviQ {
    height: 3.5rem;
}

@media (max-width: 286px) {
    .src-mainapp-SignedOutNav-components-___NavBar-module__container___-oR3c {
        margin-top: 0.5rem;
    }
}

.src-mainapp-SignedOutNav-components-___NavBar-module__homepageNav___MuiQ\+ {
    line-height: 4rem;
    min-width: 16rem;
}

.src-mainapp-SignedOutNav-components-___NavBar-module__col___pTviQ {
    height: 4rem;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.src-mainapp-SignedOutNav-components-___NavBar-module__rightContainer___U\+jPT {
    display: flex;
    justify-content: flex-end;
}

@media (min-width: calc(60rem + 1px)) {
    .src-mainapp-SignedOutNav-components-___NavBar-module__rightContainer___U\+jPT {
        margin-right: 0;
        gap: 2rem;
    }

    .src-mainapp-SignedOutNav-components-___NavBar-module__rightContainer___U\+jPT:last-child a:not(.src-mainapp-SignedOutNav-components-___NavBar-module__loginButton___1Qb1A) {
        width: auto;
    }
}

.src-mainapp-SignedOutNav-___FullscreenMenu-module__container___MtZ89 {
    font-family: 'Inter', sans-serif;
    background-color: var(--es-color-background-base);
    box-sizing: border-box;
    left: 0;
    /* The two following lines enables scrolling with momentum on iOS Safari */
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 6rem 0 0 0;
    position: fixed;
    pointer-events: none;
    right: 0;
    top: 0;
    -webkit-user-select: none;
            user-select: none;
    transform: translateY(-100%);
    transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index: 9;
}

.src-mainapp-SignedOutNav-___FullscreenMenu-module__loginButton___-kUBY {
    width: 100vw;
    height: 3.5rem;
}

.src-mainapp-SignedOutNav-___FullscreenMenu-module__container___MtZ89.src-mainapp-SignedOutNav-___FullscreenMenu-module__menuIsOpen___LhWlK {
    transform: none;
    pointer-events: auto;
}

.src-mainapp-SignedOutNav-___FullscreenMenu-module__remixLink___mmtYf {
    color: var(--es-text-color-primary);
    cursor: pointer;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    font-size: 1.5rem;
    font-weight: 500;
    padding: 0.5rem 0;
    margin-bottom: 0.5rem;
}

.src-mainapp-SignedOutNav-___FullscreenMenu-module__remixLink___mmtYf:hover {
    opacity: 0.56;
}

.src-mainapp-SignedOutNav-___FullscreenMenu-module__navItem___QyYoY:active {
    opacity: 0.4;
}

.src-mainapp-SignedOutNav-___FullscreenMenu-module__container___MtZ89 > :first-child {
    transform: translateY(330%);
    transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.src-mainapp-SignedOutNav-___FullscreenMenu-module__container___MtZ89.src-mainapp-SignedOutNav-___FullscreenMenu-module__menuIsOpen___LhWlK > :first-child {
    transform: none;
}

.src-mainapp-SignedOutNav-___FullscreenMenu-module__gridContainer___Bzrj5 {
    height: 100%;
}

.src-mainapp-SignedOutNav-___FullscreenMenu-module__addedPadding___qc51E {
    padding-bottom: 8rem;
}

.src-mainapp-SignedOutNav-___FullscreenMenu-module__wrapper___1gM0N {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.src-mainapp-SignedOutNav-___FullscreenMenu-module__link___-u1qe {
    box-sizing: border-box;
    color: var(--pds-color-white);
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
}

.src-mainapp-SignedOutNav-___FullscreenMenu-module__link___-u1qe:hover {
    color: var(--pds-color-white);
    -webkit-text-decoration: none;
    text-decoration: none;
}

.src-mainapp-SignedOutNav-___FullscreenMenu-module__link___-u1qe:active {
    color: var(--pds-color-white);
}

.src-mainapp-SignedOutNav-___FullscreenMenu-module__linkWithIcon___Hwo7i {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.src-mainapp-SignedOutNav-___FullscreenMenu-module__linkWithIcon___Hwo7i svg {
    margin-top: 0.1875rem;
}

.src-mainapp-SignedOutNav-___FullscreenMenu-module__gray___NaO0t,
.src-mainapp-SignedOutNav-___FullscreenMenu-module__gray___NaO0t:hover,
.src-mainapp-SignedOutNav-___FullscreenMenu-module__gray___NaO0t:active {
    color: var(--pds-color-gray_2);
}

.src-mainapp-SignedOutNav-___FullscreenMenu-module__ctaWrapper___oTwmg {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 2.5rem;
}

.src-mainapp-SignedOutNav-___FullscreenMenu-module__ctaWrapper___oTwmg > a {
    box-sizing: border-box;
    width: 100%;
}

.src-mainapp-SignedOutNav-___FullscreenMenu-module__cartButton___DUxyy span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.src-mainapp-SignedOutNav-___FullscreenMenu-module__hr___ICi6j {
    margin: 0 1rem 1rem 1rem;
    border-bottom: 1px solid var(--pds-color-gray_1);
}

@media (min-width: calc(30rem + 1px)) {
    .src-mainapp-SignedOutNav-___FullscreenMenu-module__ctaWrapper___oTwmg {
        flex-direction: row;
    }

    .src-mainapp-SignedOutNav-___FullscreenMenu-module__ctaWrapper___oTwmg > a:only-child:not(.src-mainapp-SignedOutNav-___FullscreenMenu-module__loginButton___-kUBY) {
        min-width: 50%;
        width: auto;
    }
}

@media (min-width: 40rem) {
    .src-mainapp-SignedOutNav-___FullscreenMenu-module__addedPadding___qc51E {
        padding-bottom: 3rem;
    }
}

.src-mainapp-components-logos-___EsLogo-module__fullLogoRemix___mfhME {
    min-width: inherit;
}

.src-mainapp-components-logos-___EsLogo-module__symbolOnlyLogoRemix___bB4wG {
    max-width: 1.25rem;
    max-height: 1.5rem;
}

.src-mainapp-SignedOutNav-___MenuButton-module__button___UVzol {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 4rem;
    justify-content: center;
    width: 3.25rem;
    position: relative;
    background-color: inherit;
    border: none;
}

.src-mainapp-SignedOutNav-___MenuButton-module__button___UVzol:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
}

.src-mainapp-SignedOutNav-___MenuButton-module__button___UVzol > svg {
    height: 1.5rem;
    width: 1.5rem;
}

.src-mainapp-SignedOutNav-___MenuButton-module__cartBadge___X3xuc {
    position: absolute;
    background: var(--es-color-text-inverse);
    border-radius: 50%;
    font-size: 0.625rem;
    color: var(--es-color-text-primary);
    height: 1rem;
    width: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 1rem;
    left: 1.75rem;
}

.src-mainapp-SignedOutNav-___MenuButton-module__cartButton___WBcpX:focus path {
    fill: var(--es-color-text-primary);
}

@media (min-width: calc(22rem + 1px)) {
    .src-mainapp-SignedOutNav-___MenuButton-module__button___UVzol {
        margin-left: 0.25rem;
    }
}

@media (min-width: calc(60rem + 1px)) {
    .src-mainapp-SignedOutNav-___MenuButton-module__button___UVzol.src-mainapp-SignedOutNav-___MenuButton-module__search___HJrD- > svg {
        fill: var(--pds-color-gray_2);
    }

    .src-mainapp-SignedOutNav-___MenuButton-module__button___UVzol.src-mainapp-SignedOutNav-___MenuButton-module__search___HJrD-:focus,
    .src-mainapp-SignedOutNav-___MenuButton-module__button___UVzol.src-mainapp-SignedOutNav-___MenuButton-module__search___HJrD-.src-mainapp-SignedOutNav-___MenuButton-module__active___BWEqS {
        outline: none;
    }

    .src-mainapp-SignedOutNav-___MenuButton-module__button___UVzol.src-mainapp-SignedOutNav-___MenuButton-module__search___HJrD-:focus > svg,
    .src-mainapp-SignedOutNav-___MenuButton-module__button___UVzol.src-mainapp-SignedOutNav-___MenuButton-module__search___HJrD-.src-mainapp-SignedOutNav-___MenuButton-module__active___BWEqS > svg {
        fill: var(--pds-color-white);
    }

    .src-mainapp-SignedOutNav-___MenuButton-module__button___UVzol.src-mainapp-SignedOutNav-___MenuButton-module__search___HJrD-::-moz-focus-inner {
        border: 0;
    }
}

.src-mainapp-SignedOutNav-___SignedOutNav-module__logoContainer___TRCUJ {
    margin-left: 0;
    display: flex;
    align-items: center;
}

.src-mainapp-SignedOutNav-___SignedOutNav-module__logoContainer___TRCUJ a,
.src-mainapp-SignedOutNav-___SignedOutNav-module__logoContainer___TRCUJ > div {
    display: flex;
}

.src-mainapp-SignedOutNav-___SignedOutNav-module__logoContainer___TRCUJ a {
    align-items: center;
    min-width: 40px;
    min-height: 40px;
}

.src-mainapp-SignedOutNav-___SignedOutNav-module__buttonContainer___OQT2V {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    align-items: center;
}

.src-mainapp-SignedOutNav-___SignedOutNav-module__buttonContainerNegativeMargin___Al4Sk {
    margin-right: -0.5rem;
}

.src-mainapp-SignedOutNav-___SignedOutNav-module__menu___9QQxV span {
    font-size: 1rem;
}

.src-mainapp-SignedOutNav-___SignedOutNav-module__buttonSpacingContainer___RV5kf {
    display: flex;
}

.src-mainapp-SignedOutNav-___SignedOutNav-module__linkContainer___7cZpd {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex: 1;
    justify-content: space-between;
    -webkit-user-select: none;
            user-select: none;
}

.src-mainapp-SignedOutNav-___SignedOutNav-module__linkContainer___7cZpd a:last-of-type {
    margin-right: 0;
}

.src-mainapp-SignedOutNav-___SignedOutNav-module__leftSideContainer___kKoYY {
    display: flex;
}

.src-mainapp-SignedOutNav-___SignedOutNav-module__cartButton___F-MxU {
    margin-right: 0.5rem;
    display: flex;
}

.src-mainapp-SignedOutNav-___SignedOutNav-module__navLinkList___2ZOdH {
    display: none;
    list-style-type: none;
}

.src-mainapp-SignedOutNav-___SignedOutNav-module__navLink___HyYrk:hover {
    opacity: 0.56;
}
.src-mainapp-SignedOutNav-___SignedOutNav-module__navLink___HyYrk:active {
    opacity: 0.4;
}
.src-mainapp-SignedOutNav-___SignedOutNav-module__navLink___HyYrk.src-mainapp-SignedOutNav-___SignedOutNav-module__isActiveNavLink___n29rY {
    opacity: 0.56;
}

.src-mainapp-SignedOutNav-___SignedOutNav-module__navLink___HyYrk {
    color: var(--es-color-text-primary);
    display: none;
    font-weight: 600;
    padding: 0.625rem 1.5rem;
}

.src-mainapp-SignedOutNav-___SignedOutNav-module__loginButton___CbcIo {
    display: none;
}

.src-mainapp-SignedOutNav-___SignedOutNav-module__hamburgerButton___1Gtf8 {
    margin-right: -1rem;
    margin-left: 0.5rem;
}

.src-mainapp-SignedOutNav-___SignedOutNav-module__menuButton___t4XLH {
    height: 3.5rem;
    width: 3.5rem;
    margin-left: 0;
    padding: 0;
}

@media screen and (min-width: 594px) {
    .src-mainapp-SignedOutNav-___SignedOutNav-module__loginButton___CbcIo {
        display: flex;
        margin-right: 0.5rem;
    }
}

@media screen and (min-width: 810px) {
    .src-mainapp-SignedOutNav-___SignedOutNav-module__navLogoContainer___qvp\+i a {
        display: flex;
        align-items: center;
        max-width: 12.5rem;
        max-height: 1.5rem;
    }
}

@media screen and (min-width: 1350px) {
    .src-mainapp-SignedOutNav-___SignedOutNav-module__navLinkList___2ZOdH {
        display: flex;
        list-style-type: none;
    }

    .src-mainapp-SignedOutNav-___SignedOutNav-module__navLink___HyYrk {
        display: block;
        font-size: 0.9375rem;
        padding: 0.5rem 0;
        padding: 0.625rem 1rem;
    }

    .src-mainapp-SignedOutNav-___SignedOutNav-module__hamburgerButton___1Gtf8 {
        display: none;
    }
}

.src-mainapp-banners-ResurrectionBanner-___ResurrectionBanner-module__boldText___aX0k7 {
    font-weight: bold;
}

.src-mainapp-components-___Main-module__container___btyMG {
    width: 100%;
    /* Push footer down while loading */
    min-height: calc(100vh - 75px);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
}

.src-shared-components-___LanguagePicker-module__languagePickerContainer___TCN3Q {
    padding-bottom: 1.5rem;
}

.src-mainapp-components-Footer-___FooterWrapper-module__container___vl2G3 {
    font-weight: 500;
    width: 100%;
    padding-top: 4rem;
    padding-bottom: 1.5rem;
}

.src-mainapp-components-Footer-___FooterWrapper-module__visuallyHidden___W09S2 {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.src-mainapp-components-Footer-___FooterWrapper-module__containerPlayerOpen___IQLOZ {
    padding-bottom: 7rem;
}

@media (min-width: calc(60rem + 1px)) {
    .src-mainapp-components-Footer-___FooterWrapper-module__container___vl2G3 {
        padding-top: 5rem;
    }
}

.src-mainapp-components-Footer-components-___LinkList-module__sectionLinkList___x1je9 {
    margin: 0;
    padding: 0;
    list-style-type: none;
    color: var(--es-color-text-primary);
}

.src-mainapp-components-Footer-components-___LinkList-module__sectionLink___htgKL {
    display: inline-flex;
    min-height: 2.75rem;
    min-width: 2.75rem;
    align-items: center;
    gap: 0.5rem;
    word-break: break-word;
}

.src-mainapp-components-Footer-components-___LinkList-module__sectionLink___htgKL:hover .src-mainapp-components-Footer-components-___LinkList-module__label___h5xBa {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

.src-mainapp-components-Footer-components-___LinkList-module__sectionLink___htgKL:focus {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
}

.src-mainapp-components-Footer-components-___LinkList-module__icon___8szU5 {
    flex-shrink: 0;
    align-self: flex-start;
}

.src-mainapp-components-Footer-components-___LinkList-module__iconWithSubLabel___KZZFc {
    align-self: flex-start;
}

.src-mainapp-components-Footer-components-___LinkList-module__linkContent___Q5hL4 {
    display: flex;
    flex-direction: column;
}

@media (min-width: calc(60rem + 1px)) {
    .src-mainapp-components-Footer-components-___LinkList-module__sectionLink___htgKL {
        min-height: 2.5rem;
        min-width: 2.5rem;
    }

    .src-mainapp-components-Footer-components-___LinkList-module__sectionLinkWithSubLabel___PQk3F {
        margin-top: 1rem;
    }

    .src-mainapp-components-Footer-components-___LinkList-module__icon___8szU5 {
        flex-shrink: 0;
        align-self: unset;
    }

    .src-mainapp-components-Footer-components-___LinkList-module__iconWithSubLabel___KZZFc {
        align-self: flex-start;
    }
}

.src-mainapp-components-Footer-components-___PageLinksDesktop-module__container___r0Rjx {
    flex-grow: 1;
    max-width: 55rem;
    margin-left: 1.5rem;
    margin-top: 0.5rem;
    margin-bottom: 5rem;
}

.src-mainapp-components-Footer-components-___PageLinksDesktop-module__linkSectionWrapper___mr3Gn {
    display: grid;
}

.src-mainapp-components-Footer-components-___PageLinksDesktop-module__linkSubSectionWrapper___ygWci {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.src-mainapp-components-Footer-components-___PageLinksDesktop-module__sectionHeading___OhgyU {
    margin: 0 0 0.5rem;
}

.src-mainapp-components-Footer-components-___PageLinksMobile-module__footerAccordion___9CWHu {
    border-bottom: 1px solid var(--es-color-misc-divider);
    margin: 0;
}

.src-mainapp-components-Footer-components-___PageLinksMobile-module__footerAccordion___9CWHu summary {
    background: var(--es-color-action-ghost);
    text-transform: uppercase;
    font-size: var(--es-text-overline-m-font-size);
    font-weight: var(--es-text-overline-m-font-weight);
    line-height: var(--es-text-overline-m-line-height);
    letter-spacing: var(--es-text-overline-m-letter-spacing);
    padding-top: 1.25rem;
    padding-bottom: calc(1.25rem - 1px);
}

.src-mainapp-components-Footer-components-___PageLinksMobile-module__footerAccordion___9CWHu div {
    padding-bottom: 2rem;
}

.src-mainapp-components-Footer-components-___SocialLinks-module__socialLinksWrapper___Tjuhf {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

.src-mainapp-components-Footer-components-___SocialLinks-module__socialLinkButton___EU2pY {
    color: var(--es-color-icon-secondary);
}

@media (min-width: calc(30rem + 1px)) {
    .src-mainapp-components-Footer-components-___SocialLinks-module__socialLinksWrapper___Tjuhf {
        justify-content: flex-end;
    }
}

.src-mainapp-components-Footer-components-___MiscSection-module__miscSection___HfsO5 {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.src-mainapp-components-Footer-components-___MiscSection-module__miscSection___HfsO5 .src-mainapp-components-Footer-components-___MiscSection-module__miscSectionLink___8CEIZ {
        color: inherit;
    }
.src-mainapp-components-Footer-components-___MiscSection-module__miscSection___HfsO5 .src-mainapp-components-Footer-components-___MiscSection-module__miscSectionLink___8CEIZ:hover {
        -webkit-text-decoration: underline;
        text-decoration: underline;
    }
.src-mainapp-components-Footer-components-___MiscSection-module__miscSection___HfsO5 .src-mainapp-components-Footer-components-___MiscSection-module__miscSectionLink___8CEIZ:focus {
        outline: 2px solid var(--es-color-misc-focused);
        outline-offset: 2px;
    }
.src-mainapp-components-Footer-components-___MiscSection-module__miscSection___HfsO5 .src-mainapp-components-Footer-components-___MiscSection-module__miscSectionItem___xhrBo:not(:last-child)::after {
        content: '|';
        padding: 0 0.5rem;
    }

.src-mainapp-components-Footer-___FullFooter-module__showOnlyOnDesktop___9GKoH {
    display: none;
}

.src-mainapp-components-Footer-___FullFooter-module__topSectionLeftColumn___wkOM5 {
    display: flex;
    margin-bottom: 1.5rem;
}

.src-mainapp-components-Footer-___FullFooter-module__bottomSection___nrJDA {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 3rem;
}

.src-mainapp-components-Footer-___FullFooter-module__mobileLinkAccordionWrapper___q8Icj {
    margin-bottom: 3rem;
}

@media (min-width: calc(60rem + 1px)) {
    .src-mainapp-components-Footer-___FullFooter-module__topSection___KYvNi {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .src-mainapp-components-Footer-___FullFooter-module__showOnlyOnDesktop___9GKoH {
        display: block;
    }

    .src-mainapp-components-Footer-___FullFooter-module__showOnlyOnMobile___N2HSF {
        display: none;
    }

    .src-mainapp-components-Footer-___FullFooter-module__logo___JZ1FG {
        height: initial;
        width: 12.8125rem;
    }

    .src-mainapp-components-Footer-___FullFooter-module__bottomSection___nrJDA {
        flex-direction: row-reverse;
        justify-content: space-between;
        gap: 1rem;
        align-items: center;

        border-top: 1px solid var(--es-color-misc-divider);
        padding-top: 1.5rem;
    }

    .src-mainapp-components-Footer-___FullFooter-module__topSection___KYvNi {
        display: flex;
        justify-content: space-between;
    }

    .src-mainapp-components-Footer-___FullFooter-module__topSectionLeftColumn___wkOM5 {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        max-width: 20rem;
        min-width: 15.625rem;
        gap: 3rem;
        align-items: start;
        margin-bottom: 0;
    }
}

.src-mainapp-components-Footer-___SimpleFooter-module__otherLinksWrapper___jl6gg {
    display: flex;
    flex-direction: column;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
    list-style-type: none;
    margin: 1.5rem 0 0;
    padding: 0;
}

.src-mainapp-components-Footer-___SimpleFooter-module__otherLink___cqBRb {
    display: inline-flex;
    min-height: 48px;
    min-width: 48px;
    align-items: center;
}

.src-mainapp-components-Footer-___SimpleFooter-module__otherLink___cqBRb:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

.src-mainapp-components-Footer-___SimpleFooter-module__otherLink___cqBRb:focus {
    outline-style: solid;
    outline-color: var(--es-color-text-secondary);
    outline-width: 0.15em;
    outline-offset: 0.3em;
}

@media (min-width: calc(30rem + 1px)) {
    .src-mainapp-components-Footer-___SimpleFooter-module__languagePickerWrapper___NOrl7 {
        display: flex;
    }

    .src-mainapp-components-Footer-___SimpleFooter-module__languagePickerWrapper___NOrl7 > div {
        min-width: 320px;
    }
}

@media (min-width: calc(60rem + 1px)) {
    .src-mainapp-components-Footer-___SimpleFooter-module__languagePickerWrapper___NOrl7 {
        display: block;
    }

    .src-mainapp-components-Footer-___SimpleFooter-module__languagePickerWrapper___NOrl7 > div {
        min-width: initial;
        max-width: 320px;
    }

    .src-mainapp-components-Footer-___SimpleFooter-module__otherLinksWrapper___jl6gg {
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 0.5rem;
    }

    .src-mainapp-components-Footer-___SimpleFooter-module__otherLink___cqBRb {
        min-height: 40px;
        min-width: 40px;
    }
}

.src-mainapp-pages-___Error-module__pageWrapper___ti6jP {
    height: 80vh;
    display: flex;
}

.src-mainapp-pages-___Error-module__wrapper___C8BdT {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: auto;
}

.src-mainapp-pages-___Error-module__title___MhNzP {
    margin: 0;
    padding: 2rem 0 1rem 0;
}

.src-mainapp-pages-___Error-module__bodyText___dMwfX {
    margin: 0;
}

.src-mainapp-pages-___Error-module__buttonWrapper___3pzbe {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.src-mainapp-pages-___Error-module__buttonWrapper___3pzbe > *:last-child {
    margin-top: 1rem;
}

@media (min-width: calc(30rem + 1px)) {
    .src-mainapp-pages-___Error-module__pageWrapper___ti6jP {
        height: 100vh;
    }

    .src-mainapp-pages-___Error-module__buttonWrapper___3pzbe {
        margin-top: 3rem;
        flex-direction: row;
        width: unset;
    }

    .src-mainapp-pages-___Error-module__buttonWrapper___3pzbe > *:not(:last-child) {
        margin-right: 1rem;
    }

    .src-mainapp-pages-___Error-module__buttonWrapper___3pzbe > *:last-child {
        margin-top: unset;
    }
}

.src-shared-___LoadingComponent-module__loadingWrapper___6Lfb1 {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.src-mainapp-subscriptions-components-___FeaturedTrack-module__featuredTrack___1Ce\+4 {
    max-width: 100%;
    max-height: 100%;
    text-align: center;
    position: relative;
}

.src-mainapp-subscriptions-components-___FeaturedTrack-module__trackArt___A4\+1J {
    max-width: 100%;
    max-height: 100%;
}

.src-mainapp-subscriptions-components-___FeaturedTrack-module__trackArt___A4\+1J.src-mainapp-subscriptions-components-___FeaturedTrack-module__playing___PaSv7 {
    filter: grayscale(100%);
}

.src-mainapp-subscriptions-components-___FeaturedTrack-module__trackArt___A4\+1J:hover {
    filter: grayscale(100%);
}

.src-mainapp-subscriptions-components-___FeaturedTrack-module__playingOverlay___p9yJF {
    all: unset;
    width: 100%;
    height: 100%;
    position: absolute;
    background: var(--es-color-background-overlay);
    top: 0;
    opacity: 0;
    transition: opacity 300ms Skate;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    opacity: 1;
}

@media (min-width: calc(60rem + 1px)) {
    .src-mainapp-subscriptions-components-___FeaturedTrack-module__playingOverlay___p9yJF:hover {
        opacity: 1;
    }
}

.src-mainapp-pages-NotFound-___NotFound-module__notFoundHeading___8vN4R {
    font-size: 6rem;
    margin: 0;
}

.src-mainapp-pages-NotFound-___NotFound-module__desktopWrapper___Cm28p {
    min-height: inherit;
    padding-top: 8rem;
}

.src-mainapp-pages-NotFound-___NotFound-module__mobileWrapper___Nc\+-8 {
    text-align: center;
    padding-top: 1rem;
}

.src-mainapp-pages-NotFound-___NotFound-module__albumWrapper___Ox82G {
    margin-top: 2rem;
    max-width: 240px;
}

.src-mainapp-pages-NotFound-___NotFound-module__albumTextContainer___FqNnZ {
    margin-top: 1rem;
}

.src-mainapp-pages-NotFound-___NotFound-module__notFoundReturnButton___qnOv5 {
    width: max-content;
}

@media only screen and (max-width: 60rem) {
    .src-mainapp-pages-NotFound-___NotFound-module__notFoundHeading___8vN4R {
        font-size: 4rem;
    }
}

@media only screen and (max-width: 30rem) {
    .src-mainapp-pages-NotFound-___NotFound-module__albumWrapper___Ox82G {
        margin-top: 0;
        margin: auto;
        max-width: 200px;
    }

    .src-mainapp-pages-NotFound-___NotFound-module__notFoundHeading___8vN4R {
        font-size: 2.5rem;
        margin-bottom: 2rem;
    }
}

.src-mainapp-account-components-___WorkspaceWelcomeModal-module__switchedContent___3tanZ {
    margin-top: 1.5rem;
}

.src-mainapp-subscriptions-components-___ImageSideWrapper-module__imageWrapper___wPxuD {
    position: relative;
    flex-direction: column;
    display: none;
}

.src-mainapp-subscriptions-components-___ImageSideWrapper-module__image___QwSdP {
    object-fit: cover;
    position: fixed;
    height: 100%;
    max-height: 100%;
    width: 60% !important;
}

@media (min-width: calc(60rem + 1px)) {
    .src-mainapp-subscriptions-components-___ImageSideWrapper-module__imageWrapper___wPxuD {
        display: block;
    }
}

.src-mainapp-pages-invitations-___InvitationLandingPage-module__container___S5LpF {
    width: 100%;
    height: 100%;
    display: flex;
}

.src-mainapp-pages-invitations-___InvitationLandingPage-module__imageWrapper___SceW5 {
    display: none;
    flex: 1;
}

.src-mainapp-pages-invitations-___InvitationLandingPage-module__flowWrapper___xAXqN {
    display: flex;
    justify-content: center;
    flex: 1;
    height: 100%;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
}

.src-mainapp-pages-invitations-___InvitationLandingPage-module__content___iXQbH {
    height: 100%;
    max-width: 32rem;
    padding: 0 1rem;
    position: relative;
    display: flex;
    flex-direction: column;
}

.src-mainapp-pages-invitations-___InvitationLandingPage-module__logo___VX2GJ {
    margin-bottom: 4.2rem;
}

.src-mainapp-pages-invitations-___InvitationLandingPage-module__heading___kLysv {
    margin-bottom: 1.5rem;
}

.src-mainapp-pages-invitations-___InvitationLandingPage-module__subtext___DelIL {
    margin-bottom: 1.5rem;
}

.src-mainapp-pages-invitations-___InvitationLandingPage-module__footer___UK0NH {
    max-width: 200px;
    margin-top: auto;
}

.src-mainapp-pages-invitations-___InvitationLandingPage-module__firstButton___k2xuC {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.src-mainapp-pages-invitations-___InvitationLandingPage-module__errorMessageContainer___h5ido {
    margin-top: 1.5rem;
}

@media (max-width: 60rem) {
    .src-mainapp-pages-invitations-___InvitationLandingPage-module__emailBarVisible___zz49Y {
        margin-bottom: 2.5rem;
    }
}

@media (min-width: calc(60rem + 1px)) {
    .src-mainapp-pages-invitations-___InvitationLandingPage-module__content___iXQbH {
        padding: 0 4rem;
    }

    .src-mainapp-pages-invitations-___InvitationLandingPage-module__imageWrapper___SceW5 {
        display: block;
        width: 100%;
    }

    .src-mainapp-pages-invitations-___InvitationLandingPage-module__image___zYYa\+ {
        height: 100%;
        max-height: 100%;
        width: 100%;
        object-fit: cover;
    }
}

@media (min-width: 75rem) {
    .src-mainapp-pages-invitations-___InvitationLandingPage-module__flowWrapper___xAXqN {
        justify-content: flex-end;
    }

    .src-mainapp-pages-invitations-___InvitationLandingPage-module__content___iXQbH {
        padding: 0 6rem;
    }
}

.src-mainapp-reactivation-ReactivationBanner-___ReactivationBanner-module__slimLink___v410n {
    color: var(--es-i-accent-button-text-color);
    padding-bottom: 2px;
    padding-top: 3.5px;
    margin: 0.4rem 0;
    border-bottom-width: 1.5px;
    border-bottom-style: solid;
    border-color: transparent;
    display: flex;
    align-items: center;
}

.src-mainapp-reactivation-ReactivationBanner-___ReactivationBanner-module__slimLink___v410n:hover {
    /* stylelint-disable-next-line declaration-property-value-disallowed-list */
    border-color: var(--es-color-text);
    cursor: pointer;
}

.src-mainapp-reactivation-ReactivationBanner-___ReactivationBanner-module__slimLinkIcon___zKNfW {
    margin-left: 0.5rem;
    width: 1.2rem;
    height: 1.2rem;
    min-width: 1.2rem;
    min-height: 1.2rem;
}

.src-mainapp-reactivation-ReactivationBanner-___ReactivationBanner-module__stickySlimBanner___9F4M4 {
    position: sticky;
    display: flex;
    justify-content: space-around;
    top: 3.5rem;
    left: 0;
    background-color: var(--es-color-background-negative);
    z-index: 4;
    padding: 0.5rem 2rem;
    text-align: center;
    margin-bottom: 1rem;
}

@media (min-width: calc(30rem + 1px)) {
    .src-mainapp-reactivation-ReactivationBanner-___ReactivationBanner-module__stickySlimBanner___9F4M4 {
        padding: 0.5rem 0;
        text-align: start;
        width: calc(100% - calc(var(--es-grid-padding-medium) * 2));
        padding-left: var(--es-grid-padding-medium);
        padding-right: var(--es-grid-padding-medium);
    }
}

@media (min-width: 48rem) {
    .src-mainapp-reactivation-ReactivationBanner-___ReactivationBanner-module__stickySlimBanner___9F4M4 {
        padding-left: var(--es-grid-padding-large);
        padding-right: var(--es-grid-padding-large);
        width: calc(100% - calc(var(--es-grid-padding-large) * 2));
    }
}

.src-mainapp-onboarding-wizard-___ImageContainer-module__bannerContainer___4QLvi {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    gap: 0.5rem;
}

.src-mainapp-onboarding-wizard-___ImageContainer-module__bannerWrapper___DWMIT {
    width: auto;
    min-width: 100%;
    animation: src-mainapp-onboarding-wizard-___ImageContainer-module__rubberBand___AKYh2 0.6s ease-out forwards;
}

.src-mainapp-onboarding-wizard-___ImageContainer-module__bannerWrapper___DWMIT:nth-child(even) {
    --brick-offset: calc(var(--card-width, 5.7rem) / 2);
    --animation-offset: calc(var(--offset) * -1);
}

.src-mainapp-onboarding-wizard-___ImageContainer-module__bannerWrapper___DWMIT:nth-child(odd) {
    --brick-offset: calc(var(--card-width, 5.7rem) / 2);
    --animation-offset: var(--offset);
}

.src-mainapp-onboarding-wizard-___ImageContainer-module__imageRow___L6PlR {
    display: grid;
    --card-width: 5.7rem;
    grid-template-columns: repeat(5, auto);
    align-items: center;
    gap: 0.44rem;
    padding: 0.44rem 0;
}

.src-mainapp-onboarding-wizard-___ImageContainer-module__imageTile___j8BnY {
    display: flex;
    width: 5.7rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: var(--es-color-background-surface);
}

.src-mainapp-onboarding-wizard-___ImageContainer-module__state1___D6kk0 {
    --offset: 10px;
}

.src-mainapp-onboarding-wizard-___ImageContainer-module__state2___JBflc {
    --offset: -10px;
}

.src-mainapp-onboarding-wizard-___ImageContainer-module__imageBannerWrapper___n3i4g {
    animation: src-mainapp-onboarding-wizard-___ImageContainer-module__rubberBand___AKYh2 0.6s ease-out forwards;
}

.src-mainapp-onboarding-wizard-___ImageContainer-module__imageBannerWrapper___n3i4g:nth-child(even) {
    --brick-offset: calc(var(--card-width, 92px) / 2);
    --animation-offset: calc(var(--offset) * -1);
}

.src-mainapp-onboarding-wizard-___ImageContainer-module__imageBannerWrapper___n3i4g:nth-child(odd) {
    --brick-offset: 50px;
    --animation-offset: var(--offset);
}
@keyframes src-mainapp-onboarding-wizard-___ImageContainer-module__rubberBand___AKYh2 {
    0% {
        transform: translateX(var(--brick-offset, 0));
    }

    30% {
        transform: translateX(calc(var(--brick-offset, 0) + var(--animation-offset) * 1.1));
    }

    60% {
        transform: translateX(calc(var(--brick-offset, 0) + var(--animation-offset) * 0.9));
    }

    100% {
        transform: translateX(calc(var(--brick-offset, 0) + var(--animation-offset)));
    }
}

.src-mainapp-onboarding-wizard-___ImageContainer-module__image___r7y9S {
    width: 100%;
    height: auto;
    align-self: stretch;
    object-fit: contain;
}

.src-mainapp-onboarding-wizard-___ImageContainer-module__state1___D6kk0 .src-mainapp-onboarding-wizard-___ImageContainer-module__image___r7y9S {
    opacity: 1;
}

.src-mainapp-onboarding-wizard-___ImageContainer-module__state2___JBflc .src-mainapp-onboarding-wizard-___ImageContainer-module__image___r7y9S {
    opacity: 1;
}

.src-mainapp-onboarding-wizard-___ImageContainer-module__bannerWrapper___DWMIT.src-mainapp-onboarding-wizard-___ImageContainer-module__state1___D6kk0 .src-mainapp-onboarding-wizard-___ImageContainer-module__image___r7y9S {
    animation: src-mainapp-onboarding-wizard-___ImageContainer-module__fadeOut___yPPW5 0.3s ease-out forwards;
}

.src-mainapp-onboarding-wizard-___ImageContainer-module__bannerWrapper___DWMIT.src-mainapp-onboarding-wizard-___ImageContainer-module__state2___JBflc .src-mainapp-onboarding-wizard-___ImageContainer-module__image___r7y9S {
    animation: src-mainapp-onboarding-wizard-___ImageContainer-module__fadeOut___yPPW5 0.3s ease-out forwards;
}

.src-mainapp-onboarding-wizard-___ImageContainer-module__bannerWrapper___DWMIT.src-mainapp-onboarding-wizard-___ImageContainer-module__state1___D6kk0 .src-mainapp-onboarding-wizard-___ImageContainer-module__newImage___sufMU {
    animation: src-mainapp-onboarding-wizard-___ImageContainer-module__fadeIn___SG\+Tz 0.3s ease-out forwards;
}

.src-mainapp-onboarding-wizard-___ImageContainer-module__bannerWrapper___DWMIT.src-mainapp-onboarding-wizard-___ImageContainer-module__state2___JBflc .src-mainapp-onboarding-wizard-___ImageContainer-module__newImage___sufMU {
    animation: src-mainapp-onboarding-wizard-___ImageContainer-module__fadeIn___SG\+Tz 0.3s ease-out forwards;
}
@keyframes src-mainapp-onboarding-wizard-___ImageContainer-module__fadeIn___SG\+Tz {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
@keyframes src-mainapp-onboarding-wizard-___ImageContainer-module__fadeOut___yPPW5 {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.src-mainapp-onboarding-wizard-___ImageContainer-module__textContainer___CwZ-w {
    display: flex;
    flex-direction: column;
    padding: 0.44rem;
    width: 100%;
    max-height: 1.6rem;
    transition: max-height 0.6s ease-in-out;
    overflow: hidden;
}

.src-mainapp-onboarding-wizard-___ImageContainer-module__withSubtitle___2XXFR {
    max-height: 2.1rem;
}

.src-mainapp-onboarding-wizard-___ImageContainer-module__title___oRZLx {
    overflow: hidden;
    color: var(--es-color-text-primary);
    text-overflow: ellipsis;
    font-size: 0.38363rem;
    font-style: normal;
    line-height: 0.65763rem;
}

.src-mainapp-onboarding-wizard-___ImageContainer-module__subtitle___xq\+9t {
    overflow: hidden;
    color: var(--es-color-text-secondary);
    text-overflow: ellipsis;
    font-size: 0.32881rem;
    font-style: normal;
    line-height: 0.43844rem;
    white-space: nowrap;
}

.src-mainapp-onboarding-wizard-___ImageContainer-module__header___zoDmi {
    margin: 2rem 1.5rem;
    color: var(--es-color-text-light-static);
}

@media (min-width: calc(60rem + 1px)) {
    .src-mainapp-onboarding-wizard-___ImageContainer-module__bannerContainer___4QLvi {
        padding-bottom: 3.875rem;
    }

    .src-mainapp-onboarding-wizard-___ImageContainer-module__imageRow___L6PlR {
        padding: 0;
    }
}

.src-mainapp-onboarding-wizard-pluginsmodal-___PluginsModal-module__contentContainer___56tk7 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.src-mainapp-onboarding-wizard-pluginsmodal-___PluginsModal-module__buttonContainer___thIkt {
    display: flex;
    gap: 1rem;
    padding-top: 1.5rem;
    flex-direction: row;
    justify-content: right;
    width: 100%;
}

.src-mainapp-onboarding-wizard-___StepTitle-module__header___6kGOn {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.src-mainapp-onboarding-wizard-___MobileHeader-module__mobileHeader___dBmtQ {
    font-family: var(--es-header-font-family);
    background-color: var(--color-background);
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.src-mainapp-components-PillSelector-___PillSelector-module__pillSelector___0Zz6P {
    border: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.src-mainapp-components-PillSelector-___PillSelector-module__pillSelector___0Zz6P legend {
        margin-bottom: 1.5rem;
    }

.src-mainapp-components-PillSelector-___PillSelector-module__pillButton___nIE\+r {
    display: inline-block;
    box-sizing: border-box;
    background-color: var(--es-color-action-secondary);
    color: var(--es-color-text-primary);
    border: none;
    border-radius: 56px;
    padding: 10px 20px;
    font-size: var(--es-text-button-s-font-size);
    font-weight: var(--es-text-button-s-font-weight);
    text-align: center;
    line-height: var(--es-text-button-s-line-height);
    min-width: 68px;
    cursor: pointer;
    -webkit-user-select: none;
            user-select: none;
}

.src-mainapp-components-PillSelector-___PillSelector-module__pillButton___nIE\+r:has(svg) {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
    padding: 0.25rem 1.25rem 0.25rem 0.25rem;
}

.src-mainapp-components-PillSelector-___PillSelector-module__pillButton___nIE\+r > input {
    -webkit-appearance: none;
            appearance: none;
    display: none;
}

.src-mainapp-components-PillSelector-___PillSelector-module__pillButton___nIE\+r:hover {
    background-color: var(--es-color-action-secondary-hovered);
}

.src-mainapp-components-PillSelector-___PillSelector-module__pillButton___nIE\+r:has(input[type='radio']:active) {
    background-color: var(--es-color-action-secondary-hovered);
}

.src-mainapp-components-PillSelector-___PillSelector-module__pillButton___nIE\+r:has(input[type='radio']:focus) {
    background-color: var(--es-color-action-primary);
    color: var(--es-color-text-inverse);
    outline-offset: 2px;
    outline: 2px solid var(--es-color-misc-focused);
}

.src-mainapp-components-PillSelector-___PillSelector-module__pillButton___nIE\+r:has(input[type='checkbox']:focus) {
    background-color: var(--es-color-action-secondary);
    color: var(--es-color-text-inverse);
    outline-offset: 2px;
    outline: 2px solid var(--es-color-misc-focused);
}

.src-mainapp-components-PillSelector-___PillSelector-module__pillButton___nIE\+r:has(input[type='checkbox']:checked) {
    background-color: var(--es-color-action-primary);
    color: var(--es-color-text-inverse);
}

.src-mainapp-components-PillSelector-___PillSelector-module__selected___dUBKM {
    background-color: var(--es-color-action-primary);
    color: var(--es-color-text-inverse);
}

.src-mainapp-components-PillSelector-___PillSelector-module__selected___dUBKM:hover {
    background-color: var(--es-color-action-primary);
    color: var(--es-color-text-inverse);
}

.src-mainapp-components-PillSelector-___PillSelector-module__iconContainer___PyfzQ {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    padding: 0.5rem;
}

.src-mainapp-onboarding-wizard-___SafeListAccordion-module__accordion___1jv6q {
    overflow: hidden;
}

.src-mainapp-onboarding-wizard-___SafeListAccordion-module__header___IPAGU {
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
    background-color: var(--es-color-action-tertiary);
}

.src-mainapp-onboarding-wizard-___SafeListAccordion-module__header___IPAGU:hover {
    background-color: var(--es-color-action-secondary);
}

.src-mainapp-onboarding-wizard-___SafeListAccordion-module__headerText___aHDNU {
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
}

.src-mainapp-onboarding-wizard-___SafeListAccordion-module__accordionOpen___OPQ09 {
    background-color: var(--es-color-action-tertiary-pressed);
}

.src-mainapp-onboarding-wizard-___SafeListAccordion-module__accordionOpen___OPQ09:hover {
    background-color: var(--es-color-action-tertiary-pressed);
}

.src-mainapp-onboarding-wizard-___SafeListAccordion-module__headerContent___p4lCi {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.75rem;
}

.src-mainapp-onboarding-wizard-___SafeListAccordion-module__chevron___k5e5e {
    font-size: 1.25rem;
}

.src-mainapp-onboarding-wizard-___SafeListAccordion-module__chevronDown___G0u8M {
    transform: rotate(0deg);
}

.src-mainapp-onboarding-wizard-___SafeListAccordion-module__chevronUp___cOTQe {
    transform: rotate(180deg);
}

.src-mainapp-onboarding-wizard-___SafeListAccordion-module__iconContainer___bt0KM {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.75rem;
}

.src-mainapp-onboarding-wizard-___SafeListAccordion-module__content___uJLik {
    width: 100%;
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: grid-template-rows 0.2s ease-in-out;
}

.src-mainapp-onboarding-wizard-___SafeListAccordion-module__contentClosed___hh-NG {
    grid-template-rows: 0fr;
}

.src-mainapp-onboarding-wizard-___SafeListAccordion-module__contentOpen___eVB8Y {
    grid-template-rows: 1fr;
}

.src-mainapp-onboarding-wizard-___SafeListAccordion-module__contentInner___SSJzd {
    display: flex;
    flex-direction: column;
    background-color: var(--es-color-action-tertiary);
    padding: 1.5rem 1.5rem 0 1.5rem;
}

.src-mainapp-onboarding-wizard-___SafeListAccordion-module__buttonContainer___pMxXn {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.src-mainapp-subscriptions-components-channels-___AccountSelector-module__buttonContainer___BGUAL {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 3.5rem;
    width: 100%;
    margin-bottom: 1.5rem;
    border: 1px solid transparent;
    border-radius: 2px;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    background: var(--es-color-input-default);
    color: var(--es-color-text-secondary);
    outline: none;
}

.src-mainapp-subscriptions-components-channels-___AccountSelector-module__addPageButton___O0LAD {
    background-color: transparent;
    color: inherit;
    border: none;
    font-family: inherit;
    font-size: 1em;
    width: 100%;
    height: 100%;
    letter-spacing: 0.8px;
    line-height: inherit;
    outline: none;
    padding: 0 1rem;
    text-align: left;
    text-shadow: none;
    font-weight: inherit;
    cursor: pointer;
}

.src-mainapp-subscriptions-components-channels-___TextInputSelector-module__root___AsHAJ {
    align-items: center;
    box-sizing: border-box;
    flex: 1;
    font-size: 1rem;
    max-width: 100%;
    position: relative;
}

.src-mainapp-subscriptions-components-channels-___YoutubeComboBox-module__channel___tdKf5 {
    align-items: center;
    display: flex;
    overflow: hidden;
}

.src-mainapp-subscriptions-components-channels-___YoutubeComboBox-module__channelDetails___-F2fC {
    font-size: 0.78rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.src-mainapp-subscriptions-components-channels-___YoutubeComboBox-module__channelDetailsSeparator___3Al5V {
    margin: 0 0.25rem;
}

.src-mainapp-subscriptions-components-channels-___YoutubeComboBox-module__googleLoginTitle___RkgbM {
    font-size: 0.9rem;
}

.src-mainapp-subscriptions-components-channels-___YoutubeComboBox-module__googleLoginSubtitle___aSLux {
    font-size: 0.56rem;
}

.src-mainapp-subscriptions-components-channels-___YoutubeComboBox-module__itemInfo___Ok3z- {
    white-space: pre-wrap;
    word-break: break-all;
}

.src-mainapp-subscriptions-components-channels-___YoutubeComboBox-module__itemInfo___Ok3z- .src-mainapp-subscriptions-components-channels-___YoutubeComboBox-module__title___6\+VjF {
    text-overflow: ellipsis;
    line-height: 1.5rem;
    overflow: hidden;
}

.src-mainapp-subscriptions-components-channels-___YoutubeComboBox-module__searchResultImage___kuJa0 {
    height: 4rem;
    margin-right: 1rem;
}

.src-mainapp-subscriptions-components-channels-___YoutubeComboBox-module__empty___zgtCR {
    height: 4rem;
}

.src-mainapp-subscriptions-components-channels-___PodcastComboBox-module__channel___3v5Ul {
    align-items: center;
    display: flex;
    max-height: 4rem;
}

.src-mainapp-subscriptions-components-channels-___PodcastComboBox-module__errorItem___B9QIz {
    color: var(--es-color-text-negative);
}

.src-mainapp-subscriptions-components-channels-___PodcastComboBox-module__title___9iWTq {
    line-height: 1.5rem;
}

.src-mainapp-subscriptions-components-channels-___PodcastComboBox-module__channelLink___Oa1A7 {
    font-size: 0.75rem;
    font-weight: 100;
    max-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.src-mainapp-subscriptions-components-channels-___PodcastComboBox-module__searchResultImage___rSEL5 {
    height: 4rem;
    margin-right: 1rem;
}

.src-mainapp-subscriptions-components-channels-___PodcastComboBox-module__icon___tS4na {
    height: 4rem;
    display: flex;
    align-items: center;
    padding: 0 1rem;
}

.src-mainapp-subscriptions-components-channels-___PodcastComboBox-module__icon___tS4na svg {
    max-height: 100%;
    max-width: 100%;
}

.src-mainapp-subscriptions-components-channels-___PodcastComboBox-module__empty___5mliv {
    height: 4rem;
}

.src-mainapp-subscriptions-components-channels-___SocialMediaCover-module__channelCover___\+bkto {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 100%;
}

.src-mainapp-subscriptions-components-channels-___SocialMediaCover-module__channelCover___\+bkto.src-mainapp-subscriptions-components-channels-___SocialMediaCover-module__youtube___rkdJx {
    background-color: var(--es-color-platform-youtube);
}

.src-mainapp-subscriptions-components-channels-___SocialMediaCover-module__channelCover___\+bkto.src-mainapp-subscriptions-components-channels-___SocialMediaCover-module__facebook___Ly9Rf {
    background-color: var(--es-color-platform-facebook);
}

.src-mainapp-subscriptions-components-channels-___SocialMediaCover-module__channelCover___\+bkto.src-mainapp-subscriptions-components-channels-___SocialMediaCover-module__instagram___8AO3I {
    background: var(--es-color-platform-instagram);
}

.src-mainapp-subscriptions-components-channels-___SocialMediaCover-module__channelCover___\+bkto.src-mainapp-subscriptions-components-channels-___SocialMediaCover-module__instagramUsername___EeTRs {
    background: var(--es-color-platform-instagram);
}

.src-mainapp-subscriptions-components-channels-___SocialMediaCover-module__channelCover___\+bkto.src-mainapp-subscriptions-components-channels-___SocialMediaCover-module__twitch___8mUhV {
    background-color: var(--es-color-platform-twitch);
}

.src-mainapp-subscriptions-components-channels-___SocialMediaCover-module__channelCover___\+bkto.src-mainapp-subscriptions-components-channels-___SocialMediaCover-module__twitchUsername___4EpKo {
    background-color: var(--es-color-platform-twitch);
}

.src-mainapp-subscriptions-components-channels-___SocialMediaCover-module__channelCover___\+bkto.src-mainapp-subscriptions-components-channels-___SocialMediaCover-module__tiktok___ILv36 {
    background-color: var(--es-color-platform-tiktok);
}

.src-mainapp-subscriptions-components-channels-___SocialMediaCover-module__channelCover___\+bkto.src-mainapp-subscriptions-components-channels-___SocialMediaCover-module__website___iPX8k {
    background-color: var(--es-color-platform-website);
}

.src-mainapp-subscriptions-components-channels-___SocialMediaCover-module__channelCover___\+bkto.src-mainapp-subscriptions-components-channels-___SocialMediaCover-module__podcast___6NeBk {
    background-color: var(--es-color-platform-podcast);
}

.src-mainapp-subscriptions-components-channels-___SocialMediaCover-module__channelCover___\+bkto.src-mainapp-subscriptions-components-channels-___SocialMediaCover-module__other___OqVut {
    background-color: var(--es-color-icon-disabled);
}

.src-mainapp-subscriptions-components-channels-___SocialMediaCover-module__error___EgX6T {
    fill: var(--es-color-icon-negative);
}

.src-mainapp-subscriptions-components-channels-___ChannelSelector-module__container___04rI0 {
    display: flex;
    padding-bottom: 0.25rem;
    box-sizing: border-box;
}

.src-mainapp-subscriptions-components-channels-___ChannelSelector-module__selectorWrapper___cABLl {
    width: 100%;
}

.src-mainapp-subscriptions-components-channels-___ChannelSelector-module__socialMediaFieldImageContainer___kvoEV {
    height: 3.5rem;
    width: 3.5rem;

    max-height: 3.5rem;
    max-width: 3.5rem;

    flex-shrink: 0;

    background-color: var(--es-color-input-default);
    overflow: hidden;
}

.src-mainapp-subscriptions-components-channels-___SocialMediaInput-module__socialMediaFieldContainer___zdbbB {
    display: flex;
    justify-content: stretch;
}

.src-mainapp-subscriptions-components-channels-___SocialMediaInput-module__socialMediaFieldImageContainer___A4ggH {
    height: 3.5rem;
    width: 3.5rem;

    max-height: 3.5rem;
    max-width: 3.5rem;

    margin-right: 0.25rem;

    flex-shrink: 0;

    background-color: var(--es-color-input-default);
    border-radius: 2px;
    overflow: hidden;
}

.src-mainapp-subscriptions-components-channels-___SocialMediaInput-module__socialMediaTextField___PFvSl {
    flex-grow: 1;
}

.src-mainapp-subscriptions-components-channels-___SocialMediaInput-module__socialMediaRadioButtonContainer___xG5Du {
    font-family: Epidemic, sans-serif;
    display: flex;

    align-items: stretch;
}

.src-mainapp-subscriptions-components-channels-___SocialMediaInput-module__socialMediaRadioButtonContainerInner___N3z0G {
    flex-grow: 1;

    display: flex;
    justify-content: space-between;
}

.src-mainapp-subscriptions-components-channels-___SocialMediaInput-module__socialMediaRadioButtonTextContainer___lKRoG {
    display: flex;
    flex-direction: column;
}

.src-mainapp-subscriptions-components-channels-___SocialMediaInput-module__socialMediaRadioButtonTextSmall___8FCYj {
    font-size: 0.75rem;
    line-height: 1rem;
    margin-bottom: 2px;
}

/*
    reimplements the styling from the `useTextInputLikeStyles` hook
    in PDS because it requires emotion to use. dark theme is assumed for now.
*/
.src-mainapp-subscriptions-components-channels-___SocialMediaInput-module__textInputLikeStyles___bYW-e {
    box-sizing: border-box;
    display: flex;
    align-items: center;

    height: 3.5rem;
    width: 100%;
    padding: 1rem;
    margin-bottom: 1.5rem;

    border: 1px solid transparent;
    border-radius: 2px;

    font-size: 1rem;
    line-height: 1;

    cursor: pointer;

    background: var(--es-color-input-default);
    color: var(--es-color-text-secondary);

    /* default focus mixin */
    outline: none;
}

/* default focus mixin */
.src-mainapp-subscriptions-components-channels-___SocialMediaInput-module__textInputLikeStyles___bYW-e::-moz-focus-inner {
    border: 0;
}

.src-mainapp-subscriptions-components-channels-___SocialMediaInput-module__textInputLikeStyles___bYW-e:hover {
    background-color: var(--es-color-input-hovered);
}

.src-mainapp-subscriptions-components-channels-___SocialMediaInput-module__textInputLikeStyles___bYW-e:active,
.src-mainapp-subscriptions-components-channels-___SocialMediaInput-module__textInputLikeStyles___bYW-e:focus {
    border-color: var(--es-color-border-primary);
}

.src-mainapp-onboarding-wizard-___SafelistingTextfield-module__customBorder___94luA > div > div {
    border: 2px solid transparent;
}

.src-mainapp-onboarding-wizard-___SafelistAccordionGroup-module__accordionGroup___xUZba {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.src-mainapp-onboarding-wizard-___SafelistAccordionGroup-module__accordionList___Y1pLU {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

.src-mainapp-modals-MultiStepModal-___MultiStepModal-module__modalContent___qywLh {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background-color: var(--es-color-background-elevation);
}

.src-mainapp-modals-MultiStepModal-___MultiStepModal-module__sidebarContainer___BR5ZD {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--es-color-background-surface);
}

.src-mainapp-modals-MultiStepModal-___MultiStepModal-module__imageContainer___WyJta {
    align-self: flex-start;
    width: 100%;
}

.src-mainapp-modals-MultiStepModal-___MultiStepModal-module__image___IAoZi {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: none;
}

.src-mainapp-modals-MultiStepModal-___MultiStepModal-module__headerText___E3nfe {
    margin: 2rem 1.5rem;
    color: var(--es-color-text-light-static);
}

.src-mainapp-modals-MultiStepModal-___MultiStepModal-module__bodyContainer___AyeJ3 {
    display: flex;
    width: 100%;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.src-mainapp-modals-MultiStepModal-___MultiStepModal-module__bodyContent___SuYZT {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 1rem;
    gap: 1rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

@media (min-width: calc(30rem + 1px)) {
    .src-mainapp-modals-MultiStepModal-___MultiStepModal-module__modal___AwxrP {
        min-width: 57rem;
    }

    .src-mainapp-modals-MultiStepModal-___MultiStepModal-module__bodyContainer___AyeJ3 {
        flex: 1;
        height: inherit;
    }

    .src-mainapp-modals-MultiStepModal-___MultiStepModal-module__modalContent___qywLh {
        display: flex;
        flex-direction: column;
        height: min(41.875rem, 90vh);
    }

    .src-mainapp-modals-MultiStepModal-___MultiStepModal-module__bodyContent___SuYZT {
        padding: 2rem;
        gap: 1.5rem;
    }
}

@media (min-width: calc(60rem + 1px)) {
    .src-mainapp-modals-MultiStepModal-___MultiStepModal-module__bodyContainer___AyeJ3 {
        flex: 1;
        width: 61.62%;
        height: inherit;
    }

    .src-mainapp-modals-MultiStepModal-___MultiStepModal-module__modalContent___qywLh {
        display: flex;
        flex-direction: row;
    }

    .src-mainapp-modals-MultiStepModal-___MultiStepModal-module__bodyContent___SuYZT {
        padding: 2rem;
        gap: 1.5rem;
    }

    .src-mainapp-modals-MultiStepModal-___MultiStepModal-module__sidebarContainer___BR5ZD {
        width: 22rem;
    }

    .src-mainapp-modals-MultiStepModal-___MultiStepModal-module__imageContainer___WyJta {
        display: block;
    }

    .src-mainapp-modals-MultiStepModal-___MultiStepModal-module__image___IAoZi {
        display: block;
    }
}

.src-mainapp-modals-MultiStepModal-___NavigationButtons-module__navigationWrapper___\+HT7W {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    position: sticky;
    bottom: 0;
    border-top: 1px solid var(--es-color-border-tertiary);
    padding: 1.5rem 1rem;
    box-shadow: 0rem -1rem 2rem 0rem var(--es-color-background-elevation);
    background: var(--es-color-background-elevation);
}

.src-mainapp-modals-MultiStepModal-___NavigationButtons-module__buttonContainer___C9ylH {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 1rem;
}

.src-mainapp-modals-MultiStepModal-___NavigationButtons-module__progressWrapper___D3kHM {
    display: flex;
    justify-content: center;
    flex: 1;
}

.src-mainapp-modals-MultiStepModal-___NavigationButtons-module__progress___5lO2P > span {
    cursor: unset;
}

@media (min-width: calc(30rem + 1px)) {
    .src-mainapp-modals-MultiStepModal-___NavigationButtons-module__buttonContainer___C9ylH {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, auto) minmax(0, 1fr);
        gap: 2rem;
        align-items: center;
    }

    .src-mainapp-modals-MultiStepModal-___NavigationButtons-module__progressWrapper___D3kHM {
        grid-column: 2;
        display: flex;
        justify-content: center;
        max-width: 20rem;
    }

    .src-mainapp-modals-MultiStepModal-___NavigationButtons-module__buttonContainer___C9ylH > *:nth-child(1) {
        justify-self: start;
    }

    .src-mainapp-modals-MultiStepModal-___NavigationButtons-module__buttonContainer___C9ylH > *:nth-child(2) {
        justify-self: center;
    }

    .src-mainapp-modals-MultiStepModal-___NavigationButtons-module__buttonContainer___C9ylH > *:last-child {
        justify-self: end;
    }

    .src-mainapp-modals-MultiStepModal-___NavigationButtons-module__navigationWrapper___\+HT7W {
        padding: 1.5rem 2rem;
    }
}

.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__wrapper___jUlKz {
    box-sizing: border-box;

    display: flex;
    align-items: center;
    gap: 1rem;

    flex: 1 0 calc(50% - 1rem);

    padding: 0.5rem 1rem 0.5rem 0.5rem;
    background-color: var(--es-color-background-base);
}

.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__textWrapper___reKH1 {
    flex-grow: 1;
    min-width: 10.25rem;
}

.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__textWrapper___reKH1 a {
    color: var(--es-color-text-primary);
    -webkit-text-decoration: underline;
    text-decoration: underline;
    white-space: nowrap;
}

.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__iconWrapper___NQKno {
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;

    flex-basis: 100%;

    padding: 0.25rem;
}

.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__iconWrapper___NQKno.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__s___NpabX {
        max-width: 7.5rem;
        min-width: 7.5rem;
        height: 6rem;
    }

.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__iconWrapper___NQKno.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__s___NpabX svg,.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__iconWrapper___NQKno.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__s___NpabX img {
            width: 2rem;
            height: 2rem;
        }

.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__iconWrapper___NQKno.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__m___n7h3q {
        max-width: 12.4375rem;
        min-width: 12.4375rem;
        height: 6.75rem;
    }

.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__iconWrapper___NQKno.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__m___n7h3q svg,.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__iconWrapper___NQKno.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__m___n7h3q img {
            width: 2.75rem;
            height: 2.75rem;
        }

.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__iconInnerWrapper___Rh2tA {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
}

.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__backgroundImageWrapper___tNvn7 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__backgroundImageWrapper___tNvn7 img {
        width: 142px;
    }

.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__videoWrapper___-0st6 {
    flex-basis: 100%;

    background-color: var(--es-color-background-surface);
}

.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__videoWrapper___-0st6 video {
        display: block;

        width: 100%;
        height: 100%;
    }

.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__videoWrapper___-0st6.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__s___NpabX {
        max-width: 10rem;
        min-width: 10rem;
        height: 5.5rem;
    }

.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__video___QdH1v {
    opacity: 0;
    transition: opacity 0.75s;
}

.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__videoLoaded___Z15KU {
    opacity: 1;
}

.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__action___kbACD {
    min-width: max-content;
}

.src-mainapp-components-___Image-module__container___wPLvL {
    width: 100%;
}

.src-mainapp-components-___Image-module__picture___wTXWl {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: inherit;
    object-position: inherit;
}

.src-mainapp-components-___Image-module__media___elc0J {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: inherit;
    object-position: inherit;
}

/* Hide border and alt title while loading in Firefox */
.src-mainapp-components-___Image-module__media___elc0J:-moz-loading {
    visibility: hidden;
}

.src-mainapp-components-___Image-module__loading___YM4jP {
    background-color: var(--pds-color-gray_1);
}

/* stylelint-disable declaration-property-value-allowed-list */
/* stylelint-disable color-no-hex */
.src-mainapp-banners-___PluginsSpring2025ProTipBanner-module__proTipBanner___9-DAQ {
    margin-bottom: 1.5rem;
    background-color: #121418;
}

.src-mainapp-banners-___PluginsSpring2025ProTipBanner-module__bold___xS85- {
    font-weight: bold;
}

@media (max-width: 60rem) {
    .src-mainapp-banners-___PluginsSpring2025ProTipBanner-module__proTipBanner___9-DAQ {
        display: none;
    }
}

.src-mainapp-modals-___SubscribeNudgeModal-module__closeButtonContainer___qsTZP {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 1;
}

.src-mainapp-modals-___SubscribeNudgeModal-module__modalContent___r-FGS {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--es-color-background-brand-fog);
}

.src-mainapp-modals-___SubscribeNudgeModal-module__trackCoverArt___pV8IO {
    height: 100%;
    padding: 2rem;
}

.src-mainapp-modals-___SubscribeNudgeModal-module__trackCoverArt___pV8IO > img {
    width: 12.5rem;
    height: 12.5rem;
    object-fit: cover;
}

.src-mainapp-modals-___SubscribeNudgeModal-module__textSection___xu37s {
    width: 100%;
    padding: 2rem;
    text-align: center;
    background: var(--es-color-background-elevation);
}

.src-mainapp-modals-___SubscribeNudgeModal-module__closeButton___X3\+VI {
    /* In mobile view, the background of the close button is light */
    color: var(--es-color-text-inverse);
}

@media (min-width: calc(60rem + 1px)) {
    .src-mainapp-modals-___SubscribeNudgeModal-module__modalContent___r-FGS {
        flex-direction: row;
    }

    .src-mainapp-modals-___SubscribeNudgeModal-module__textSection___xu37s {
        text-align: left;
        /* Add right padding to avoid title to come too close to Close-button */
        padding-right: 4rem;
    }

    .src-mainapp-modals-___SubscribeNudgeModal-module__closeButton___X3\+VI {
        color: var(--button-text-color);
    }
}

.src-mainapp-modals-___SubscribeNudgeModal-module__title___ARFMG {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-top: 0;
}

.src-mainapp-modals-___SubscribeNudgeModal-module__description___LiaTM {
    margin-bottom: 1rem;
}

.src-mainapp-modals-___SubscribeNudgeModal-module__buttonWrapper___N8lY0 {
    margin-bottom: 1rem;
    display: inline-block;
}

.src-mainapp-modals-___SubscribeNudgeModal-module__signInParagraph___zTu9e a {
    color: var(--es-color-text-primary);
}

.src-mainapp-modals-___SubscribeNudgeModal-module__signInParagraph___zTu9e a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

.src-mainapp-embedded-messages-___IterablePromoToastPlacement-module__promoWrapper___PItPD {
    bottom: 8rem;
}

.src-mainapp-track-components-___WaveformWithTrimmer-module__container___32JcQ {
    display: flex;
    position: relative;
    flex: 1;
    box-sizing: border-box;
    touch-action: none;
    -webkit-user-select: none;
            user-select: none;
    height: 56px;

    touch-action: none;
    user-select: none;
}
.src-mainapp-track-components-___WaveformWithTrimmer-module__trimmer___Ap8Oa {
    height: 100%;
    display: flex;
    flex: 1;
    align-items: center;
}

.src-mainapp-modals-TrackDownloadModal-___SegmentTab-module__waveformRow___6hdLr {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: var(--es-color-background-surface);
    align-items: center;
    margin-bottom: 1.5rem;
}

.src-mainapp-modals-TrackDownloadModal-___Tmz03LicenseCoverageTab-module__licenseCoverageContainer___XCYqL {
    padding: 24px;
    background-color: var(--es-color-input-disabled);

    display: flex;
    flex-direction: column;

    gap: 4px;
    margin-bottom: 8px;
    max-height: 184px;

    overflow-y: auto;
    flex-wrap: nowrap;
}

@media (min-width: calc(30rem + 1px)) {
    .src-mainapp-modals-TrackDownloadModal-___Tmz03LicenseCoverageTab-module__licenseCoverageContainer___XCYqL {
        max-height: 240px;
        flex-wrap: wrap;
    }
}

.src-mainapp-modals-TrackDownloadModal-___Tmz03LicenseCoverageTab-module__licenseCoverageContainer___XCYqL p {
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (max-width: 30rem) {
    .src-mainapp-modals-TrackDownloadModal-___Tmz03LicenseCoverageTab-module__licenseCoverageContainer___XCYqL p[data-license-included='false'] {
        display: none;
    }
}

.src-mainapp-modals-TrackDownloadModal-___Tmz03LicenseCoverageTab-module__licenseCoverageModalBottom___up\+rU {
    display: flex;
    margin-top: 24px;
    flex-direction: column;
}

@media (min-width: calc(30rem + 1px)) {
    .src-mainapp-modals-TrackDownloadModal-___Tmz03LicenseCoverageTab-module__licenseCoverageModalBottom___up\+rU {
        margin-top: 32px;
        margin-bottom: unset;
        justify-content: space-between;
        flex-direction: row;
    }
}

.src-mainapp-modals-TrackDownloadModal-___Tmz03LicenseCoverageTab-module__licenseCoverageModalButtonsContainer___rhP26 {
    display: flex;
    gap: 16px;
    flex-direction: column;
    margin-top: 24px;
}

@media (min-width: calc(30rem + 1px)) {
    .src-mainapp-modals-TrackDownloadModal-___Tmz03LicenseCoverageTab-module__licenseCoverageModalButtonsContainer___rhP26 {
        flex-direction: row;
        margin-top: unset;
    }
}

.src-mainapp-modals-TrackDownloadModal-___PreSubscriptionProTipBanner-module__proTipBanner___aIJz- {
    margin-bottom: 1.5rem;
}

@media (max-width: 60rem) {
    .src-mainapp-modals-TrackDownloadModal-___PreSubscriptionProTipBanner-module__proTipBanner___aIJz- {
        display: none;
    }
}

.src-mainapp-modals-TrackDownloadModal-___TrackDownloadModal-module__trackContainer___4x8qd {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.src-mainapp-modals-TrackDownloadModal-___TrackDownloadModal-module__tabList___ts3Hz {
    margin-bottom: 1.5rem;
}

.src-mainapp-modals-TrackDownloadModal-___TrackDownloadModal-module__trackCoverArt___hZfzv {
    width: 3.5rem;
    height: 3.5rem;
    margin-right: 1rem;
    background-color: var(--es-color-background-surface);
    flex-shrink: 0;
}

.src-mainapp-modals-TrackDownloadModal-___TrackDownloadModal-module__trackCoverArt___hZfzv img {
    width: 100%;
    height: 100%;
    font-size: 0.5rem;
}

.src-mainapp-modals-TrackDownloadModal-___TrackDownloadModal-module__row___kHKS0 {
    margin-bottom: 1.5rem;
}

.src-mainapp-modals-TrackDownloadModal-___TrackDownloadModal-module__row___kHKS0:last-child {
    margin-bottom: 0;
}

.src-mainapp-modals-TrackDownloadModal-___TrackDownloadModal-module__preference___GhTWJ {
    margin-bottom: 1.5rem;
    width: 100%;
}

.src-mainapp-modals-TrackDownloadModal-___TrackDownloadModal-module__preferencesWrapper___DQwtw .src-mainapp-modals-TrackDownloadModal-___TrackDownloadModal-module__preference___GhTWJ {
    margin-bottom: 0.5rem;
}

.src-mainapp-modals-TrackDownloadModal-___TrackDownloadModal-module__upsellMessage___0iJ8V {
    padding-bottom: 1rem;
}

.src-mainapp-modals-TrackDownloadModal-___TrackDownloadModal-module__downloadModalContainer___IGodx {
    display: flex;
    flex-direction: column;
}

.src-mainapp-modals-TrackDownloadModal-___TrackDownloadModal-module__link___2LDhQ {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

@media (min-width: calc(30rem + 1px)) {
    .src-mainapp-modals-TrackDownloadModal-___TrackDownloadModal-module__preferencesWrapper___DQwtw {
        display: flex;
        flex-direction: row;
        gap: 1.3rem;
    }
}

.src-mainapp-music-components-___Section-module__wrapperBorder___DiYgC {
    border-top: solid 1px var(--es-color-border-tertiary);
}

.src-mainapp-music-components-___Section-module__section___idUfF {
    margin-bottom: 2rem;
}

.src-mainapp-music-components-___Section-module__noMargin___RvGbk {
    margin-bottom: 0;
}

.src-mainapp-music-components-___Section-module__sectionWithAdornment___SXsFX {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.src-mainapp-pre-subscription-___PreSubscriberPromoBanner-module__promoBannerWrapper___SpvLy {
    margin-bottom: 4rem;
}

.src-mainapp-search-components-___SearchSectionLinks-module__titleLink___KIGEX {
    color: var(--es-color-text-primary);
    -webkit-text-decoration: 'none';
            text-decoration: 'none';
    border-bottom: 2px solid transparent;
}

.src-mainapp-search-components-___SearchSectionLinks-module__titleLink___KIGEX:hover {
    border-bottom-color: var(--es-color-border-primary);
}

.src-mainapp-search-components-___SearchSectionLinks-module__viewAllLink___jyOoW {
    border-bottom: 2px solid transparent;
}

.src-mainapp-search-components-___SearchSectionLinks-module__viewAllLink___jyOoW:hover {
    border-bottom-color: var(--es-color-border-primary);
}

.src-mainapp-search-components-___SearchFieldBase-module__searchIcon___-B5bJ {
    fill: var(--es-color-icon-secondary);
    pointer-events: none;
    margin-left: 0.5rem;
    margin-right: -0.5rem;
}

.src-mainapp-search-icons-IconAnimatedSearch-___IconAnimatedSearch-module__wrapper___PazFp {
    opacity: 0.72;
}

.src-mainapp-search-components-___SpotifyLinkItem-module__wrapper___\+5-8x {
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    white-space: nowrap;
    background-color: transparent;
    height: 2.5rem;
}

@keyframes src-mainapp-search-components-___SpotifyLinkItem-module__appear___5xvuQ {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.src-mainapp-search-components-___SpotifyLinkItem-module__trackInfo___Wi18V {
    padding-left: 0.25rem;
}

.src-mainapp-search-components-___SpotifyLinkItem-module__tag___tnDdc {
    position: relative;
    left: 0.5rem;
    background-color: transparent;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
            appearance: none;
    padding: 0 0.5rem;
    max-width: 100%;
}

.src-mainapp-search-components-___SpotifyLinkItem-module__tag___tnDdc:focus {
    outline: none;
    background-color: var(--es-color-action-ghost-pressed);
}

.src-mainapp-search-components-___SpotifyLinkItem-module__truncate___\+gymG {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.src-mainapp-search-components-___SpotifyLinkItem-module__showWhenCompact___iJrzE {
    display: none;
}

@media (max-width: 30rem) {
    .src-mainapp-search-components-___SpotifyLinkItem-module__tag___tnDdc {
        left: 0;
        max-width: calc(100% + 2rem); /* Compensating for the 1rem padding on each side of the empty input */
    }

    .src-mainapp-search-components-___SpotifyLinkItem-module__trackInfo___Wi18V,
    .src-mainapp-search-components-___SpotifyLinkItem-module__subHeading___Fc0QS {
        font-size: 14px;
    }
}

.src-mainapp-search-components-___DynamicStartAdornment-module__dynamicStartAdornment___HS2IQ {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 100%;
}

@media (max-width: 30rem) {
    .src-mainapp-search-components-___DynamicStartAdornment-module__hideWhenCompact___wSgbh {
        display: none;
    }
}

.src-mainapp-search-components-___SearchInputWithSuggestionsOptions-module__optionContent___9REd2 {
    /* For the ellipsis on children to work: https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size/36247448#36247448 */
    min-width: 0;
    color: var(--es-color-text-secondary);
}

.src-mainapp-search-components-___SearchInputWithSuggestionsOptions-module__optionImage___l6vmz {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2rem;
    width: 2rem;
    margin-right: 0.75rem;
    /* To apply the border-radius to the image */
    overflow: hidden;
    border-radius: 2px;
    flex-shrink: 0;
}

.src-mainapp-search-components-___SearchInputWithSuggestionsOptions-module__option___Iupjb {
    height: 3rem;
    text-align: left;
}

.src-mainapp-search-components-___SearchInputWithSuggestionsOptions-module__optionHistory___WZu8e {
    min-height: 2.75rem;
}

.src-mainapp-search-components-___SearchInputWithSuggestionsOptions-module__optionHistoryImage___wKD0u {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.5rem;
    width: 1.5rem;
    margin: 0.5rem;
    overflow: hidden;
    border-radius: 2px;
    flex-shrink: 0;
}

.src-mainapp-search-components-___SearchInputWithSuggestionsOptions-module__optionBadge___kUJx7 {
    margin-left: 1rem;
}

.src-mainapp-search-components-___SearchInputWithSuggestionsOptions-module__creativeImage___qnipN {
    border-radius: var(--pds-radius-circle);
}

.src-mainapp-search-components-___SearchInputWithSuggestionsOptions-module__optionImage___l6vmz img {
    width: 100%;
}

.src-mainapp-search-components-___SearchInputWithSuggestionsOptions-module__optionType___2vBxK {
    font-size: 12px;
}

.src-mainapp-search-components-___SearchInputWithSuggestionsOptions-module__optionName___10xTz {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.src-mainapp-search-components-___SearchInputWithSuggestionsOptions-module__optionName___10xTz,
.src-mainapp-search-components-___SearchInputWithSuggestionsOptions-module__optionHighlight___rssFZ {
    color: var(--es-color-text-primary);
}

.src-mainapp-search-components-___SearchInputWithSuggestionsOptions-module__optionName___10xTz + .src-mainapp-search-components-___SearchInputWithSuggestionsOptions-module__optionType___2vBxK {
    margin-top: 0.25rem;
}

.src-mainapp-search-components-___SearchInputWithSuggestionsOptions-module__truncate___C1FpV {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.src-mainapp-search-components-___ExternalReferenceHeader-module__wrapper___mOO8d {
    display: flex;
    margin-top: 1.5rem;
    margin-bottom: -0.5rem;
}

.src-mainapp-search-components-___ExternalReferenceHeader-module__coverArt___4l-VX {
    width: 5rem;
    height: 5rem;
    background-color: var(--es-color-background-surface);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.src-mainapp-search-components-___ExternalReferenceHeader-module__coverArt___4l-VX img {
    width: 100%;
    height: 100%;
}

.src-mainapp-search-components-___ExternalReferenceHeader-module__link___f4uwn:focus {
    outline-offset: 2px;
    outline: 2px solid var(--es-color-misc-focused);
}

.src-mainapp-search-components-___ExternalReferenceHeader-module__infoContainer___AgfjX {
    margin-left: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* FIXME: Needed to fight PDS specificity 😭 */
.src-mainapp-search-components-___SearchInputWithSuggestions-module__container___Cv0DE .src-mainapp-search-components-___SearchInputWithSuggestions-module__search___-BFs6 {
    margin-bottom: 0;
    flex-grow: 1;
    max-width: 100%;
}

/* Reaching in to the PDS-component TextFieldBase specifically targeting the div-element-wrapper with class name
startAdornmentContainer. It is however unreachable from the outside so we are finding it by being the parent of
the div with attribute data-css-handle, this attribute is assigned in the EMS component file DynamicStartAdornment.tsx. */
.src-mainapp-search-components-___SearchInputWithSuggestions-module__container___Cv0DE .src-mainapp-search-components-___SearchInputWithSuggestions-module__search___-BFs6 div:has(> div[data-css-handle='dynamic-start-adornment']) {
    max-width: calc(100% - 5.5rem); /* 5.5rem compensates for additional elements inside Search field */
}

.src-mainapp-search-components-___SearchInputWithSuggestions-module__searchWithVideoContainer___25A0D {
    display: flex;
    gap: 1rem;
}

.src-mainapp-search-components-___SearchInputWithSuggestions-module__dropdown___nI20O > div {
    flex: 1;
    max-width: 100%;
}

@media (max-width: 60rem) {
    .src-mainapp-search-components-___SearchInputWithSuggestions-module__dropdown___nI20O > .src-mainapp-search-components-___SearchInputWithSuggestions-module__divider___86aIp {
        flex: 0;
        margin: 1rem 0;
        border-bottom: solid 0.5px var(--es-color-misc-divider);
    }

    .src-mainapp-search-components-___SearchInputWithSuggestions-module__dropdown___nI20O {
        flex-direction: column;
    }

    .src-mainapp-search-components-___SearchInputWithSuggestions-module__dropdown___nI20O > div {
        max-width: none;
    }
}

@media (min-width: calc(60rem + 1px)) {
    .src-mainapp-search-components-___SearchInputWithSuggestions-module__dropdown___nI20O > .src-mainapp-search-components-___SearchInputWithSuggestions-module__divider___86aIp {
        flex: 0;
        margin: 0 1rem;
        border-right: solid 0.5px var(--es-color-misc-divider);
    }

    .src-mainapp-search-components-___SearchInputWithSuggestions-module__dropdown___nI20O {
        flex-direction: row;
    }
}

.src-mainapp-search-components-___SearchInputWithSuggestions-module__dropdown___nI20O {
    display: flex;
    background-color: var(--es-color-background-floating);
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 0.5rem;
    /* Make it scrollable */
    max-height: 24.5rem;
    overflow: auto;
    overscroll-behavior-y: contain;
    /* To go over filters that have zindex */
    /* To go over top-results play button that have zindex */
    z-index: 4;
}

.src-mainapp-search-components-___SearchInputWithSuggestions-module__dropdown___nI20O:not(:empty) {
    padding: 1rem;
}

.src-mainapp-search-components-___SearchInputWithSuggestions-module__option___57AJS {
    display: flex;
    align-items: center;
    padding: 0 0.5rem;
    cursor: pointer;
}

.src-mainapp-search-components-___SearchInputWithSuggestions-module__featureOption___4tiw6 {
    height: 4rem;
}

/* Selected */
.src-mainapp-search-components-___SearchInputWithSuggestions-module__option___57AJS.src-mainapp-search-components-___SearchInputWithSuggestions-module__selected___LHFQ9 {
    background-color: var(--es-color-action-ghost-hovered);
    outline: 1px solid var(--es-color-border-primary);
    outline-offset: 1px;
}

.src-mainapp-search-components-___SearchInputWithSuggestions-module__option___57AJS:hover {
    background-color: var(--es-color-action-ghost-hovered);
}

.src-mainapp-search-components-___SearchInputWithSuggestions-module__option___57AJS:active {
    background-color: var(--es-color-action-ghost-pressed);
}

.src-mainapp-search-components-___SearchInputWithSuggestions-module__soundmatchTooltip___iUStr {
    z-index: 5;
}

.src-mainapp-search-components-___SearchInputWithSuggestions-module__searchByVideo___cfOeV button div:has(svg) {
    background: var(--es-color-background-inverse);
}

.src-mainapp-search-components-___SearchInputWithSuggestions-module__searchByVideo___cfOeV button div:has(svg) path {
    fill: var(--es-color-text-inverse);
}

.src-mainapp-search-components-___SearchInputWithSuggestions-module__hidePlaceholder___7frKk label {
    visibility: hidden;
}

.src-mainapp-search-components-___SearchInputWithSuggestions-module__smartSearchIconWrapper___24Bjn {
    padding-left: 0.5rem;
    display: flex;
    align-items: center;
}

.src-mainapp-search-components-___SearchInputWithSuggestions-module__labelWrapper___8gmL3 label {
    padding-right: 0.5rem;
}

.src-mainapp-search-components-___SearchInputWithSuggestions-module__italic___lnnnb {
    font-style: italic;
}

.src-mainapp-search-components-___SearchInputWithSuggestions-module__inTransition___jXvtB label {
    opacity: 0;
    transition: opacity ease-out 0.1s;
}

.src-mainapp-search-components-___GuidedSearchSection-module__wrapper___5vR9O {
    display: flex;
    margin-top: 1rem;
    gap: 0.75rem 0.5rem;
    flex-wrap: wrap;
}

.src-mainapp-search-components-___GuidedSearchSection-module__expansion___9XUAD {
    border-radius: 100px;
    text-transform: capitalize;
}

.src-mainapp-search-components-___SearchWithDomain-module__menuWrapper___kuT1q {
    display: flex;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.src-mainapp-search-components-___SearchWithDomain-module__menu___H09el {
    display: flex;
    width: 15rem;
    padding: 0.5rem;
    flex-direction: column;
    align-items: flex-start;
    background-color: var(--es-color-background-floating);
    box-shadow: var(--es-elevation-floating);
    border-radius: 0;
}

.src-mainapp-search-components-___SearchWithDomain-module__menuItem___teheL {
    display: flex;
    padding: 0.5rem;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.src-mainapp-search-components-___SearchWithDomain-module__menuButton___vHU-- {
    color: var(--es-color-text-secondary);
    -webkit-appearance: none;
            appearance: none;
    border: none;
    background-color: transparent;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-width: auto;
    white-space: nowrap;
    gap: 0.25rem;
    cursor: pointer;
    padding: 1rem 0.5rem;
}

.src-mainapp-search-components-___SearchWithDomain-module__menuButton___vHU--:hover {
    color: var(--es-color-text-primary);
}

.src-mainapp-search-components-___SearchWithDomain-module__menuButton___vHU--:hover div[data-animation-wrapper='true'] {
    opacity: 1;
}

.src-mainapp-search-components-___SearchWithDomain-module__divider___cVf2W {
    margin-left: 0.5rem;
    width: 1px;
    height: 32px;
    border-left: 1px solid var(--es-color-border-tertiary);
}

@media (min-width: calc(30rem + 1px)) {
    .src-mainapp-search-components-___SearchWithDomain-module__menuWrapper___kuT1q {
        min-width: 7.75rem;
    }

    .src-mainapp-search-components-___SearchWithDomain-module__menuButton___vHU-- {
        gap: 0.5rem;
    }
}

.src-mainapp-similar-top-hits-___SimilarTopHitsCovers-module__topHitsCoversContainer___ybHJ7 {
    display: none;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsCovers-module__topHitsCoversContent___VlU0X {
    display: flex;
    gap: 1rem;
    overflow: scroll;
    white-space: nowrap;
    scroll-behavior: smooth;
    z-index: 10;
    width: 90%;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsCovers-module__topHitsCoversPage___1QnIg {
    display: flex;
    position: relative;
    gap: 1rem;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsCovers-module__topHitsCover___GzO6a {
    position: relative;
    width: 7.5rem;
    overflow: hidden;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsCovers-module__topHitsCover___GzO6a:hover {
    cursor: pointer;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsCovers-module__topHitsCoverActive___amaG6 {
    box-sizing: border-box;
    border: 1px solid var(--es-color-border-primary);
    padding: 0.25rem;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsCovers-module__topHitsCoverMeta___y-l4X {
    display: none;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
}

.src-mainapp-similar-top-hits-___SimilarTopHitsCovers-module__topHitsCover___GzO6a:hover .src-mainapp-similar-top-hits-___SimilarTopHitsCovers-module__topHitsCoverMeta___y-l4X {
    display: flex;
    flex-direction: column;
    align-items: start;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 4px 8px;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsCovers-module__topHitsCoverMeta___y-l4X span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsCovers-module__topHitOrder___Psxfx {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.2);
    -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
    width: 26px;
    padding: 4px 8px;
    color: var(--es-color-text-primary);
    text-align: center;
    font-family: Sebenta;
    font-size: 24px;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsCovers-module__topHitsCoversContainer___ybHJ7 .src-mainapp-similar-top-hits-___SimilarTopHitsCovers-module__paginationContainer___gGCD3 {
    display: none;
}

/* Tablet */
@media (min-width: 480px) {
    .src-mainapp-similar-top-hits-___SimilarTopHitsCovers-module__topHitsCoversContainer___ybHJ7 {
        display: flex;
        justify-content: center;
        gap: 0.8rem;
        position: relative;
    }
}

/* Desktop */
@media (min-width: 1024px) {
    .src-mainapp-similar-top-hits-___SimilarTopHitsCovers-module__topHitsCoversContainer___ybHJ7 {
        display: block;
    }

    .src-mainapp-similar-top-hits-___SimilarTopHitsCovers-module__topHitsCoversContainer___ybHJ7 > button {
        display: none;
    }

    .src-mainapp-similar-top-hits-___SimilarTopHitsCovers-module__topHitsCoversContainer___ybHJ7 .src-mainapp-similar-top-hits-___SimilarTopHitsCovers-module__paginationContainer___gGCD3 {
        display: flex;
        justify-content: center;
        margin-top: 1rem;
    }

    .src-mainapp-similar-top-hits-___SimilarTopHitsCovers-module__topHitsCover___GzO6a {
        width: auto;
    }

    .src-mainapp-similar-top-hits-___SimilarTopHitsCovers-module__topHitsCoversPage___1QnIg {
        display: grid;
        grid-template-columns: repeat(3, 8.3rem);
        grid-template-rows: repeat(3, 8.3rem);
        gap: 9px;
    }

    .src-mainapp-similar-top-hits-___SimilarTopHitsCovers-module__topHitsCoversContent___VlU0X {
        gap: 1rem;
        width: 26rem;
        height: 26rem;
        overflow: hidden;
    }
}

@keyframes src-mainapp-player-components-___HeartButton-module__heartFill___w\+iRL {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
}

@keyframes src-mainapp-player-components-___HeartButton-module__heartClear___csObJ {
    50% {
        transform: scale(0.75);
    }
}

.src-mainapp-player-components-___HeartButton-module__secondary___xiwmw svg path {
    stroke: var(--es-color-icon-secondary);
}

.src-mainapp-player-components-___HeartButton-module__liked___ZXnJ1 path {
    fill: var(--es-color-icon-primary);
    stroke: var(--es-color-icon-primary);
}

.src-mainapp-player-components-___HeartButton-module__unliked___VQUOI svg {
    fill: none;
}

.src-mainapp-player-components-___HeartButton-module__unliked___VQUOI path {
    stroke: var(--es-color-icon-primary);
}

.src-mainapp-player-components-___HeartButton-module__fillingHeart___yxwgB svg {
    animation: src-mainapp-player-components-___HeartButton-module__heartFill___w\+iRL 0.5s cubic-bezier(0.67, 0, 0.19, 1.13) both;
}

.src-mainapp-player-components-___HeartButton-module__clearingHeart___1bvEW svg {
    animation: src-mainapp-player-components-___HeartButton-module__heartClear___csObJ 0.5s cubic-bezier(0.67, 0, 0.19, 1.13) both;
}

.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile-module__container___isL-I {
    background-color: var(--es-color-background-elevation);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
}

.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile-module__buttonWrapper___pAqUg {
    padding: 1rem 0 0 1.5rem;
}

.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile-module__container___isL-I > main,
.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile-module__buttonWrapper___pAqUg {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    height: 100%;
}

.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile-module__noCoverArt___MyzaX {
    padding-top: 3rem;
}

.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile-module__cover___aOMPQ {
    width: 3rem;
    height: 3rem;
    object-fit: cover;
    margin-bottom: 0.54rem;
}

.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile-module__subDetails___RjUrU,
.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile-module__sfxType___jUUKx,
.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile-module__sfxTags___q6rhb {
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
    background-color: var(--es-color-background-floating);
    display: inline-flex;
    padding: 0.25rem 0.5rem;
    border-radius: 0.125rem;
}

ul.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile-module__details___szL-i {
    list-style: none;
    width: 100%;
    padding: 0 0 0 1.5rem;
}

.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile-module__sfxTitle___N6hJR {
    margin-bottom: 2rem;
}

.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile-module__artist___IObUZ,
.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile-module__artist___IObUZ a {
    color: var(--es-color-text-secondary);
    margin-bottom: 1.25rem;
}

.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile-module__removeFromPlaylistButton___ETtoj,
.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile-module__buttons___lW1dg {
    align-items: center;
    display: flex;
    height: 3.5rem;
    width: 100%;
}

.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile-module__iconWrapper___FR9Bw {
    display: flex;
    justify-content: flex-start;
    margin-right: 0.5rem;
}

.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile-module__buttons___lW1dg > span {
    color: var(--es-color-text-primary);
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
}

.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile-module__downloadButtonTracks___dwcKp {
    color: var(--es-color-text-secondary);
    font-size: 0.75rem;
}

.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile-module__likeButtonContainer___Ma6MX {
    margin-right: 0.5rem;
}

.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile-module__likeButton___fAsij {
    min-width: 100%;
}

.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile-module__likeButton___fAsij:hover,
.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile-module__likeButton___fAsij:active {
    background: none;
}

.src-mainapp-components-___CreativesLabel-module__container___cvKFO a {
    font-weight: 600;
}

.src-mainapp-components-___CreativesLabel-module__mobilePlaylistPage___8WbRp {
    display: inherit;
}

.src-mainapp-track-edits-components-___TrackEdits-module__editor___u\+Y2q {
    box-sizing: border-box;
    flex: 1;
    height: 100%;
    overflow-y: auto;
    --track-edits-left-column: 275px;
    --track-edits-gap: 2px;
}

.src-mainapp-track-edits-components-___TrackEdits-module__section___uP6yA {
    padding: 2rem;
    position: relative;
}

.src-mainapp-track-edits-components-___TrackEdits-module__filterSection___4IMAq {
    background: var(--es-color-background-surface);
    margin-bottom: 2px;
    padding: 1rem 1rem 1rem 0;
    display: flex;
    align-items: center;
}

.src-mainapp-track-edits-components-___TrackEdits-module__trackRowSection___Zqzuc {
    display: flex;
    gap: var(--track-edits-gap);
    margin-bottom: var(--track-edits-gap);
}

.src-mainapp-track-edits-components-___TrackEdits-module__trackRowContainer___lzusJ {
    width: var(--track-edits-left-column);
    flex: 0 0 auto;
    background: var(--es-color-background-surface);
}

.src-mainapp-track-edits-components-___TrackEdits-module__waveform___v5j9E {
    position: relative;
    background: var(--es-color-background-surface);
    width: 100%;
}

.src-mainapp-track-edits-components-___TrackEdits-module__sectionTitle___DUvKa,
.src-mainapp-track-edits-components-___TrackEdits-module__loopableSwitch___1HVV9 span {
    color: var(--es-color-text-primary);
    font-family: Inter;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    padding-left: 1rem;
}

.src-mainapp-track-edits-components-___TrackEdits-module__sectionTitle___DUvKa,
.src-mainapp-track-edits-components-___TrackEdits-module__loopableSwitch___1HVV9 div {
    width: var(--track-edits-left-column);
    flex: 0 0 auto;
    margin-right: var(--track-edits-gap);
}

.src-mainapp-track-edits-components-___TrackEdits-module__title___oxhAc {
    margin-bottom: 2.5rem;
    font-weight: 600;
}

.src-mainapp-track-edits-components-___TrackEdits-module__trackResultsTitle___H8TpF {
    margin-bottom: 1.5rem;
    font-weight: 600;
}

.src-mainapp-track-edits-components-___TrackEdits-module__loopableSwitch___1HVV9 {
    width: -moz-fit-content;
    width: fit-content;
    gap: 0;
}

.src-mainapp-track-edits-components-___TrackEdits-module__loopableSwitch___1HVV9 div {
    margin-bottom: 0;
}

.src-mainapp-track-edits-components-___TrackEdits-module__lengthSelection___Ri8Xi {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
}

.src-mainapp-track-edits-components-___TrackEdits-module__drawerTitleWrapper___KB9ig {
    position: relative;
    padding-left: 2rem;
}

.src-mainapp-track-edits-components-___TrackEdits-module__iconWrapper___UH4zU {
    position: absolute;
    left: 0;
    top: 0;
}

.src-mainapp-track-edits-components-___TrackEdits-module__inputContainer___ZxJei {
    min-width: 0;
    width: 4.75rem;
    display: flex;
    align-items: center;
    flex-direction: row;
    box-sizing: border-box;
    padding: 0.25rem 1rem;
    background-color: var(--es-color-action-primary);
}

.src-mainapp-track-edits-components-___TrackEdits-module__durationInput___gWoEj {
    color: var(--es-color-text-inverse);
    font-style: normal;
    border: unset;
    font-family: var(--es-text-font-family);
    font-size: var(--es-text-button-s-font-size, var(--es-i-text-legacy-font-size, 1rem));
    font-weight: var(--es-text-button-s-font-weight, var(--es-i-text-legacy-font-weight, 600));
    height: 1.5rem;
    width: 100%;
    padding: 0;
    text-align: center;
}

.src-mainapp-track-edits-components-___TrackEdits-module__durationInput___gWoEj:focus {
    outline: 0;
}

.src-mainapp-track-edits-components-___TrackEdits-module__lengthButton___4-vLQ {
    min-height: initial;
}

.src-mainapp-track-edits-components-___TrackEdits-module__adaptToWidest___ZwBSO {
    min-width: 4.75rem;
    display: flex;
    overflow: hidden;
}

.src-mainapp-track-edits-components-___TrackEdits-module__adaptToWidest___ZwBSO > * {
    flex: 1;
    display: flex;
}

.src-mainapp-track-edits-components-___TrackEdits-module__adaptToWidest___ZwBSO:focus-within {
    outline: 2px solid var(--es-color-misc-focused);
    outline-offset: 2px;
}

.src-mainapp-track-edits-components-___TrackEdits-module__editSection___q9Tvg {
    max-height: 55vh;
    overflow-y: auto;
}

.src-mainapp-track-edits-components-___TrackEdits-module__spinner___6x8hc {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: center;
    align-items: center;
    padding: 4rem 1rem;
}

.src-mainapp-track-edits-components-___TrackEdits-module__noResultsMessageContainer___yRjZn {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    gap: 0.5rem;
    padding: 6rem 1.5rem;
}

.src-mainapp-track-components-___TrackEditFeatureHighlight-module__buttons___FTT-i {
    display: flex;
    align-items: center;
    gap: 0.125rem;
    align-self: stretch;
}

.src-mainapp-track-components-___TrackEditFeatureHighlight-module__button___qcw11 {
    min-width: 0;
    flex: 0 1 25%;
    padding: 0;
    min-height: 2rem;
}

.src-mainapp-track-components-___TrackEditFeatureHighlight-module__container___hiSt\+ {
    width: 100%;
    display: flex;
    gap: 1rem;
    flex-direction: column;
    margin-top: 0.25rem;
}

.src-mainapp-track-components-___TrackEditFeatureHighlight-module__featureHighlight___n-2pk.src-mainapp-track-components-___TrackEditFeatureHighlight-module__featureHighlight___n-2pk {
    background: var(--es-color-background-floating);
}

/* stylelint-disable declaration-property-value-allowed-list */
/* stylelint-disable declaration-property-value-disallowed-list */
.src-mainapp-tracks-v2-components-___HighlightIconButton-module__button___CJv6u {
    box-sizing: border-box;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    position: relative;
    padding: 0;
    border-radius: var(--es-radius-circle);

    cursor: pointer;

    border: none;
    color: var(--button-text-color);
}
.src-mainapp-tracks-v2-components-___HighlightIconButton-module__button___CJv6u:disabled {
        cursor: not-allowed;
        color: var(--es-color-icon-disabled);
    }

.src-mainapp-tracks-v2-components-___HighlightIconButton-module__s___Eoofp {
    min-width: var(--es-iconbutton-s-min-width, 2.75rem);
    min-height: var(--es-iconbutton-s-min-height, 2.75rem);
}

.src-mainapp-tracks-v2-components-___HighlightIconButton-module__s___Eoofp svg {
    max-width: var(--es-iconbutton-s-icon-max-width, auto);
    max-height: var(--es-iconbutton-s-icon-max-height, auto);
}

.src-mainapp-tracks-v2-components-___HighlightIconButton-module__action___ffm-E {
    opacity: 0;
    color: var(--actions-color, var(--es-color-icon-secondary));
    background: none;
}

@media (max-width: 30rem) {

.src-mainapp-tracks-v2-components-___HighlightIconButton-module__action___ffm-E {
        color: var(--es-color-icon-primary);
}
    }

.src-mainapp-tracks-v2-components-___HighlightIconButton-module__action___ffm-E:active {
        background: rgba(207, 214, 229, 0.08);
    }

.src-mainapp-tracks-v2-components-___HighlightIconButton-module__action___ffm-E:hover {
        background: rgba(207, 214, 229, 0.08);
    }

.src-mainapp-tracks-v2-components-___HighlightIconButton-module__action___ffm-E:hover,.src-mainapp-tracks-v2-components-___HighlightIconButton-module__action___ffm-E:focus-visible {
        color: var(--es-color-icon-primary);
    }

.src-mainapp-tracks-v2-components-___HighlightIconButton-module__action___ffm-E:disabled {
        background: var(--es-color-action-secondary-disabled);
    }

.trackRow:focus-within .src-mainapp-tracks-v2-components-___HighlightIconButton-module__button___CJv6u {
        opacity: 1;
    }

.src-mainapp-tracks-v2-components-___HighlightIconButton-module__isVisible___j4xYy,
.src-mainapp-tracks-v2-components-___HighlightIconButton-module__action___ffm-E:focus-visible,
.trackRow:hover .src-mainapp-tracks-v2-components-___HighlightIconButton-module__button___CJv6u {
    opacity: 1;
}

.src-mainapp-tracks-v2-components-___HighlightIconButton-module__isHighlighted___Cmqnj {
    background: var(--es-color-action-ghost-hovered);
}

.src-mainapp-tracks-v2-components-___HoverIconButton-module__button___Sm4Hy {
    box-sizing: border-box;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    position: relative;
    padding: 0;
    border-radius: var(--es-radius-circle);

    cursor: pointer;

    border: none;
    color: var(--button-text-color);
}

.src-mainapp-tracks-v2-components-___HoverIconButton-module__button___Sm4Hy:disabled {
        cursor: not-allowed;
        color: var(--es-color-icon-disabled);
    }

.src-mainapp-tracks-v2-components-___HoverIconButton-module__button___Sm4Hy {

    --button-text-color: var(--es-color-icon-primary);
    background: var(--es-color-action-ghost);
}

.src-mainapp-tracks-v2-components-___HoverIconButton-module__button___Sm4Hy:hover {
        background: var(--es-color-action-ghost-hovered);
    }

.src-mainapp-tracks-v2-components-___HoverIconButton-module__button___Sm4Hy:active {
        background: var(--es-color-action-ghost-pressed);
    }

.src-mainapp-tracks-v2-components-___HoverIconButton-module__button___Sm4Hy:disabled {
        background: var(--es-color-action-ghost-disabled);
    }

.src-mainapp-tracks-v2-components-___HoverIconButton-module__s___u5m5c {
    min-width: var(--es-iconbutton-s-min-width, 2.75rem);
    min-height: var(--es-iconbutton-s-min-height, 2.75rem);
}

.src-mainapp-tracks-v2-components-___HoverIconButton-module__s___u5m5c svg {
    max-width: var(--es-iconbutton-s-icon-max-width, auto);
    max-height: var(--es-iconbutton-s-icon-max-height, auto);
}

.src-mainapp-tracks-v2-components-___HoverIconButton-module__button___Sm4Hy {
    opacity: 0;
}

.trackRow:focus-within .src-mainapp-tracks-v2-components-___HoverIconButton-module__button___Sm4Hy {
        opacity: 1;
    }

.src-mainapp-tracks-v2-components-___HoverIconButton-module__isVisible___d\+0u1,
.src-mainapp-tracks-v2-components-___HoverIconButton-module__button___Sm4Hy:focus-visible,
.src-mainapp-tracks-v2-components-___HoverIconButton-module__button___Sm4Hy:focus,
.trackRow:hover .src-mainapp-tracks-v2-components-___HoverIconButton-module__button___Sm4Hy {
    opacity: 1;
}

.src-mainapp-anonymous-components-TrackRow-___AnonymousTrackRow-module__menu___VMF1w {
    display: flex;
    width: 15rem;
    flex-direction: column;
    align-items: flex-start;
}

.src-mainapp-anonymous-components-TrackRow-___AnonymousTrackRow-module__menuItem___zXBRd {
    display: flex;
    padding: 0.5rem 0;
    flex-direction: row;
    gap: 0.75rem;
    align-items: flex-start;
    align-self: stretch;
}

.src-mainapp-anonymous-components-TrackRow-___AnonymousTrackRow-module__horizontalSpacing___-dq24 {
    display: flex;
    gap: 1rem;
    align-items: center;
    height: 100%;
    min-width: 12rem;
}

.src-mainapp-anonymous-components-TrackRow-___AnonymousTrackRow-module__vocals___Q63BC {
    margin-left: auto;
}

.src-mainapp-tracks-v2-components-___Waveform-module__container___0AT2w {
    height: 100%;
    position: relative;
    width: 100%;
}

.src-mainapp-tracks-v2-components-___Waveform-module__timeCursor___9RK12 {
    height: calc(100% - 4px);
    padding: 4px 0 0 0;
    display: flex;
    align-items: center;
}

.src-mainapp-saved-components-MultiSelectBar-___MultiSelectBar-module__container___eFboq {
    order: -1; /* first */
}

.src-mainapp-saved-components-MultiSelectBar-___MultiSelectBar-module__multiSelectBar___oTH-7 {
    margin: auto;
    margin-bottom: 1rem;
    display: flex;
    width: 656px;
    max-width: calc(100vw - 80px);
    min-width: calc(487px - 16px);
    min-height: 56px;
    padding-left: 16px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: var(--es-color-background-elevation);
    color: var(--es-color-text-primary);
    box-shadow: var(--es-elevation-floating);
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
}

.src-mainapp-saved-components-MultiSelectBar-___MultiSelectBar-module__line___-dm9o {
    display: flex;
    gap: 8px;
}

.src-mainapp-saved-components-MultiSelectBar-___MultiSelectBar-module__selectAll___VCCFU {
    color: var(--es-color-text-secondary);
    cursor: pointer;
}
.src-mainapp-saved-components-MultiSelectBar-___MultiSelectBar-module__selectAll___VCCFU:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}
.src-mainapp-saved-components-MultiSelectBar-___MultiSelectBar-module__selectMoreHint___736UB {
    color: var(--es-color-text-secondary);
}

.src-mainapp-saved-components-MultiSelectBar-___MultiSelectBar-module__closeButton___QyMeK {
    color: var(--es-color-icon-primiary);
}

.src-mainapp-tracks-v2-components-___TrackRow-module__menu___b3ytC {
    display: flex;
    width: 15rem;
    flex-direction: column;
    align-items: flex-start;
}

.src-mainapp-tracks-v2-components-___TrackRow-module__menuItem___EBZoo {
    display: flex;
    padding: 0.5rem 0;
    flex-direction: row;
    gap: 0.75rem;
    align-items: flex-start;
    align-self: stretch;
}

.src-mainapp-tracks-v2-components-___TrackRow-module__container___Z1fRX {
    display: flex;
    gap: 1rem;
    align-items: center;
    height: 100%;
    min-width: 12rem;
}

.src-mainapp-tracks-v2-components-___TrackRow-module__vocals___qrWic {
    margin-left: auto;
}

.src-mainapp-tracks-v2-components-___TrackRow-module__featureHighlightAnchor___fY79j {
    position: absolute;
    height: 100%;
    width: 1px;
}

.src-mainapp-tracks-v2-components-___TrackRow-module__trackRowContainer___7h-4m:focus-within {
    --actions-color: var(--es-color-icon-primary);
    --container-controlled-actions-visibility: visible;
    --container-controlled-playbutton-visibility: visible;
    --container-controlled-playbutton-cover-visibility: hidden;
    background-color: var(--es-color-action-ghost-hovered);
}

.src-mainapp-tracks-v2-components-___TrackRow-module__additionalFeaturesWrapper___bhqrQ {
    display: flex;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsTracksResults-module__similarTracksContainer___EWDjJ {
    position: relative;
    width: 100%;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsTracksResults-module__similarTracksHeaderContainer___SW4eV {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    position: relative;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsTracksResults-module__similarTracksHeader___x6R2I {
    background-color: rgba(205, 110, 107, 0.15);
    width: 100%;
    overflow: hidden;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsTracksResults-module__similarTracksInfo___qwurZ {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsTracksResults-module__similarTracksImage___Hz-SZ {
    width: 56px;
    height: auto;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsTracksResults-module__similarTracksMeta___EALef {
    display: flex;
    flex-direction: column;
    width: 65%;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsTracksResults-module__similarTracksMeta___EALef > span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsTracksResults-module__similarTracksSpotifyStats___ypE0\+ {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-right: 1rem;
}

/* Overriding to hide until we have real stats */
.src-mainapp-similar-top-hits-___SimilarTopHitsTracksResults-module__similarTracksSpotifyStats___ypE0\+ {
    display: none;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsTracksResults-module__viewMoreButtonContainer___KpU\+\+ {
    display: flex;
    justify-content: center;
    bottom: 0rem;
    margin-top: 1rem;
}

/* Tablet */
@media (min-width: 480px) {
    .src-mainapp-similar-top-hits-___SimilarTopHitsTracksResults-module__similarTracksHeaderContainer___SW4eV > button {
        display: none;
    }

    .src-mainapp-similar-top-hits-___SimilarTopHitsTracksResults-module__similarTracksHeader___x6R2I {
        width: 100%;
    }

    .src-mainapp-similar-top-hits-___SimilarTopHitsTracksResults-module__similarTracksMeta___EALef {
        width: 85%;
    }
}

.src-mainapp-similar-top-hits-___SimilarTopHits-module__similarTopHitsContainer___QVa1T {
    margin-bottom: 4rem;
}

.src-mainapp-similar-top-hits-___SimilarTopHits-module__topHitsHeading___vCpc8 {
    margin: 1rem 0;
}

.src-mainapp-similar-top-hits-___SimilarTopHits-module__similarTopHitsContent___9e-ba {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.src-mainapp-similar-top-hits-___SimilarTopHits-module__divider___P\+\+Zu {
    display: none;
}

/* Desktop */
@media (min-width: 1024px) {
    .src-mainapp-similar-top-hits-___SimilarTopHits-module__similarTopHitsContent___9e-ba {
        flex-direction: row;
    }

    .src-mainapp-similar-top-hits-___SimilarTopHits-module__divider___P\+\+Zu {
        display: block;
        background: var(--es-color-misc-divider);
        border: 0.5px solid var(--es-color-misc-divider);
        height: 26rem;
    }
}

/* CARD BASE */
.src-mainapp-similar-top-hits-___SimilarTopHitsCoverCardRedesign-module__topHitsCover___X2Cba {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    gap: 1rem;
    box-sizing: border-box;
    border: 0.125rem solid transparent;
    margin: 0;
    padding: 1rem;
    height: 5.5rem;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsCoverCardRedesign-module__topHitsCover___X2Cba::before {
    content: counter(track-rank);
    min-width: 1rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--es-color-text-primary);
    font-family: var(--es-header-font-family), serif;
    font-size: var(--es-heading-xs-font-size);
    font-weight: var(--es-heading-xs-font-weight);
    line-height: var(--es-heading-xs-line-height);
}

.src-mainapp-similar-top-hits-___SimilarTopHitsCoverCardRedesign-module__topHitsCover___X2Cba:hover {
    cursor: pointer;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsCoverCardRedesign-module__topHitsCover___X2Cba:focus-visible {
    outline: 0.125rem solid var(--es-color-misc-focused);
    outline-offset: -0.125rem;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsCoverCardRedesign-module__topHitsCover___X2Cba.src-mainapp-similar-top-hits-___SimilarTopHitsCoverCardRedesign-module__topHitsCoverActive___lZOvL {
    border: 0.125rem solid var(--es-color-border-primary);
    background: var(--es-color-background-surface);
}

.src-mainapp-similar-top-hits-___SimilarTopHitsCoverCardRedesign-module__topHitsCover___X2Cba.src-mainapp-similar-top-hits-___SimilarTopHitsCoverCardRedesign-module__topHitsCoverActive___lZOvL:focus-visible {
    outline-offset: -0.25rem;
}

/* CARD CONTENT */
.src-mainapp-similar-top-hits-___SimilarTopHitsCoverCardRedesign-module__topHitsCoverMeta___ppMbz {
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsCoverCardRedesign-module__topHitsCoverMeta___ppMbz span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 480px) {
    .src-mainapp-similar-top-hits-___SimilarTopHitsCoverCardRedesign-module__topHitsCover___X2Cba {
        height: 4.5rem;
        padding: 0.5rem;
    }
}

.src-mainapp-similar-top-hits-___SimilarTopHitsCoversRedesign-module__topHitsCoversContainer___\+IsGa {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsCoversRedesign-module__topHitsCoversCarousel___E\+jZ9 {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

/* grid layout used for carousel functionality - each column is a page in the carousel */
.src-mainapp-similar-top-hits-___SimilarTopHitsCoversRedesign-module__topHitsCoversContent___YtrTD {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(1, 1fr);
    grid-auto-columns: minmax(100%, 1fr);
    overflow: hidden;
    white-space: nowrap;
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: track-rank;
}

/*
 * Grid layout interferes with default <ol> numbering behavior
 * We're using our own counters instead, which allows us to maintain semantic HTML (<ol>/<li>) for accessibility.
 */
.src-mainapp-similar-top-hits-___SimilarTopHitsCoversRedesign-module__topHitsCoversContent___YtrTD li {
    counter-increment: track-rank;
}

/* Next/Previous buttons hidden for mobile */
.src-mainapp-similar-top-hits-___SimilarTopHitsCoversRedesign-module__topHitsCoversBottomButtons___krSTD {
    display: none;
    flex-direction: row;
    justify-content: center;
    gap: 0.5rem;
    padding-bottom: 0.5rem;
}

@media (min-width: 480px) {
    .src-mainapp-similar-top-hits-___SimilarTopHitsCoversRedesign-module__topHitsCoversContainer___\+IsGa {
        max-width: 20rem;
        background-color: var(--es-color-background-surface);
        padding: 0.5rem;
    }

    .src-mainapp-similar-top-hits-___SimilarTopHitsCoversRedesign-module__topHitsCoversCarousel___E\+jZ9 {
        flex-direction: column;
    }

    .src-mainapp-similar-top-hits-___SimilarTopHitsCoversRedesign-module__topHitsCoversContent___YtrTD {
        grid-template-rows: repeat(5, 1fr);
    }

    .src-mainapp-similar-top-hits-___SimilarTopHitsCoversRedesign-module__topHitsCoversBottomButtons___krSTD {
        display: flex;
    }

    .src-mainapp-similar-top-hits-___SimilarTopHitsCoversRedesign-module__topHitsCoversCarousel___E\+jZ9 > button {
        display: none;
    }
}

.src-mainapp-similar-top-hits-___SimilarTopHitsTracksResultsRedesign-module__similarTracksContainer___nMxS9 {
    position: relative;
    width: 100%;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsTracksResultsRedesign-module__similarTracksHeaderContainer___Jswpz {
    margin-bottom: 1rem;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsTracksResultsRedesign-module__divider___AKaVA {
    display: block;
    background: var(--es-color-misc-divider);
    border: 0.5px solid var(--es-color-misc-divider);
}

.src-mainapp-similar-top-hits-___SimilarTopHitsTracksResultsRedesign-module__viewMoreButtonContainer___sLiDT {
    display: flex;
    justify-content: center;
    bottom: 0rem;
    margin-top: 1rem;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsRedesign-module__similarTopHitsContainer___nIdkl {
    margin-bottom: 4rem;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsRedesign-module__topHitsHeading___zM-Pj {
    margin: 1rem 0;
}

.src-mainapp-similar-top-hits-___SimilarTopHitsRedesign-module__similarTopHitsContent___Vsk6g {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Tablet/Desktop */
@media (min-width: 480px) {
    .src-mainapp-similar-top-hits-___SimilarTopHitsRedesign-module__similarTopHitsContent___Vsk6g {
        flex-direction: row;
    }
}

.src-mainapp-team-components-___GrowYourTeamBanner-module__banner___2s-o5 {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--es-color-icon-liked);
    color: var(--es-color-text-on-icon-liked);
}

.src-mainapp-team-components-___GrowYourTeamBanner-module__wrapper___14nJX {
    background-color: var(--es-color-icon-liked);
    display: flex;
    flex-direction: column;
    width: 100%;
}

.src-mainapp-team-components-___GrowYourTeamBanner-module__content___m0RJq {
    margin: auto 0;
    padding: 1.5rem;
}

.src-mainapp-team-components-___GrowYourTeamBanner-module__backgroundImage___Zn0z0 {
    background-image: url(e801bdca26b962b298c947f92d3a4003-580.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 160px;
    background-position-y: center;
    background-position-x: right;
    margin: 1rem 0 1.5rem;
}

.src-mainapp-team-components-___GrowYourTeamBanner-module__title___V0tZx {
    margin-top: 0;
    margin-bottom: 1rem;
}

.src-mainapp-team-components-___GrowYourTeamBanner-module__subtitle___v1U5U {
    margin-bottom: 2rem;
    margin-top: 0;
}

.src-mainapp-team-components-___GrowYourTeamBanner-module__italic___u4CNK {
    font-style: italic;
}

.src-mainapp-team-components-___GrowYourTeamBanner-module__button___9csKT {
    margin: 0 auto;
}

.src-mainapp-team-components-___GrowYourTeamBanner-module__closeButton___FfN4C {
    align-self: flex-end;
    background-color: transparent;
    z-index: 1;
}

@media (min-width: calc(60rem + 1px)) {
    .src-mainapp-team-components-___GrowYourTeamBanner-module__wrapper___14nJX {
        flex-direction: row;
        padding: 2rem 0rem 4rem 0rem;
    }

    .src-mainapp-team-components-___GrowYourTeamBanner-module__content___m0RJq {
        width: 55%;
        padding: 0rem 4rem 0rem 4rem;
    }

    .src-mainapp-team-components-___GrowYourTeamBanner-module__backgroundImage___Zn0z0 {
        width: 45%;
        height: auto;
        background-size: contain;
        background-position-y: center;
        margin: 0;
    }

    .src-mainapp-team-components-___GrowYourTeamBanner-module__button___9csKT {
        margin: 0;
    }
}

.src-mainapp-music-components-___FeaturedReleaseSection-module__actionButton___JOUk0 {
    max-width: max-content;
    margin: 2rem auto 0;
}

.src-mainapp-music-components-___RecommendedByChannelSection-module__container___B6RW5 {
    padding-bottom: 3.5rem;
}

.src-mainapp-track-components-___TrackSegmentsSelector-module__container___jIbaL {
    display: none;
}

/* This number comes from the screen width the waveform becomes visible on a TrackRow */
@media screen and (min-width: 54rem) {
    .src-mainapp-track-components-___TrackSegmentsSelector-module__container___jIbaL {
        position: relative;
        display: block;
    }
}

.src-mainapp-music-components-___RecommendedByChannelSectionHeader-module__thumbnailContainer___ry49A {
    width: 5rem;
    height: 5rem;
    background-color: var(--es-color-background-floating);
}

.src-mainapp-music-components-___RecommendedByChannelSectionHeader-module__thumbnailContainer___ry49A > img {
    width: 5rem;
    height: 5rem;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.src-mainapp-music-components-___RecommendedByChannelSectionHeader-module__thumbnailContainer___ry49A > img.src-mainapp-music-components-___RecommendedByChannelSectionHeader-module__loaded___uw6ye {
    opacity: 1;
}

.src-mainapp-music-components-___RecommendedByChannelSectionHeader-module__header___M1adq {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1rem;
    justify-content: space-between;
}

.src-mainapp-music-components-___RecommendedByChannelSectionHeader-module__thumbnailDetailsWrapper___F-mNu {
    display: flex;
    align-items: left;
    flex-direction: column;
}

.src-mainapp-music-components-___RecommendedByChannelSectionHeader-module__headerActions___hpEE8 {
    display: flex;
    align-items: center;
    padding-top: 0;
    gap: 1rem;
}

.src-mainapp-music-components-___RecommendedByChannelSectionHeader-module__headerTitle___eH6gm {
    margin-top: 1rem;
    margin-bottom: 0;
}

a.src-mainapp-music-components-___RecommendedByChannelSectionHeader-module__channelLink___vitMA {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: var(--es-color-text-secondary);
}

@media screen and (min-width: calc(30rem + 1px)) {
    .src-mainapp-music-components-___RecommendedByChannelSectionHeader-module__header___M1adq {
        padding-bottom: 1.5rem;
    }

    .src-mainapp-music-components-___RecommendedByChannelSectionHeader-module__headerTitle___eH6gm {
        margin-top: 0;
    }

    .src-mainapp-music-components-___RecommendedByChannelSectionHeader-module__headerActions___hpEE8 {
        padding-top: 1.5rem;
    }

    .src-mainapp-music-components-___RecommendedByChannelSectionHeader-module__headerSubtitle___Ti9DM {
        margin-bottom: 0rem;
    }

    .src-mainapp-music-components-___RecommendedByChannelSectionHeader-module__thumbnailDetailsWrapper___F-mNu {
        align-items: center;
        flex-direction: row;
    }

    .src-mainapp-music-components-___RecommendedByChannelSectionHeader-module__headerDetailsContainer___ujHfx {
        padding-left: 1rem;
    }

    .src-mainapp-music-components-___RecommendedByChannelSectionHeader-module__thumbnailContainer___ry49A {
        padding-bottom: 0;
    }
}

.src-mainapp-music-components-___TrackViewSection-module__wrapper___x\+FkG {
    margin-bottom: 4rem;
}

.src-mainapp-music-components-___TrackViewSection-module__header___pqNp9 {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    justify-content: space-between;
}

.src-mainapp-music-components-___TrackViewSection-module__headerInner___rawLh {
    display: flex;
    align-items: center;
}

.src-mainapp-music-components-___TrackViewSection-module__coverWrapper___Tbf2p {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    background-color: var(--es-color-background-surface);
    margin-right: 1rem;
}

.src-mainapp-music-components-___TrackViewSection-module__coverWrapper___Tbf2p img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.src-mainapp-music-components-___TrackViewSection-module__coverWrapper___Tbf2p img.src-mainapp-music-components-___TrackViewSection-module__loaded___SNp6H {
    opacity: 1;
}

.src-mainapp-music-components-___TrackViewSection-module__link___pQ5x4 {
    margin-top: 1.5rem;
    text-align: center;
}

@media screen and (max-width: 30rem) {
    .src-mainapp-music-components-___TrackViewSection-module__header___pqNp9 {
        flex-direction: column;
        align-items: flex-start;
    }
}

.src-mainapp-recommendations-___RecommendedSection-module__container___FOyyz {
    display: flex;
}

.src-mainapp-recommendations-___RecommendedSection-module__divider___JgUOX {
    display: none;
}

/* Desktop */
@media (min-width: 1024px) {
    .src-mainapp-recommendations-___RecommendedSection-module__container___FOyyz {
        flex-direction: row;
    }

    .src-mainapp-recommendations-___RecommendedSection-module__column___B-7uy {
        min-width: 0;
        padding: 0 16px;
    }

    .src-mainapp-recommendations-___RecommendedSection-module__divider___JgUOX {
        display: block;
        background: var(--es-color-misc-divider);
        border: 0.5px solid var(--es-color-misc-divider);
        height: 757px;
    }
}

.src-mainapp-pre-subscription-profilingModal-profilingModal-___ProfilingModal-module__modalContent___84W6B {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.src-mainapp-pre-subscription-profilingModal-profilingModal-___ProfilingModal-module__leftContainer___CMsKy {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.src-mainapp-pre-subscription-profilingModal-profilingModal-___ProfilingModal-module__imageContainer___1qLQ4 {
    align-self: flex-start;
    margin-top: auto;
    max-width: 20rem;
    width: 100%;
}

.src-mainapp-pre-subscription-profilingModal-profilingModal-___ProfilingModal-module__image___ykiLJ {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.src-mainapp-pre-subscription-profilingModal-profilingModal-___ProfilingModal-module__imagePadding___uUGue {
    padding-right: 2rem;
}

.src-mainapp-pre-subscription-profilingModal-profilingModal-___ProfilingModal-module__headerText___y6rjH {
    margin: 2rem 1.5rem;
    color: var(--es-color-text-light-static);
    max-width: 80%;
}

.src-mainapp-pre-subscription-profilingModal-profilingModal-___ProfilingModal-module__rightContainer___Ec22e {
    display: flex;
    width: 100%;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.src-mainapp-pre-subscription-profilingModal-profilingModal-___ProfilingModal-module__rightContent___of9uh {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 1rem;
    gap: 1rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

@media (min-width: calc(30rem + 1px)) {
    .src-mainapp-pre-subscription-profilingModal-profilingModal-___ProfilingModal-module__modal___wJvUN {
        min-width: 57rem;
    }

    .src-mainapp-pre-subscription-profilingModal-profilingModal-___ProfilingModal-module__rightContainer___Ec22e {
        flex: 1;
        height: inherit;
    }

    .src-mainapp-pre-subscription-profilingModal-profilingModal-___ProfilingModal-module__modalContent___84W6B {
        display: flex;
        flex-direction: column;
        height: 41.875rem;
    }

    .src-mainapp-pre-subscription-profilingModal-profilingModal-___ProfilingModal-module__rightContent___of9uh {
        padding: 2rem;
        gap: 1.5rem;
    }
}

@media (max-width: 60rem) {
    .src-mainapp-pre-subscription-profilingModal-profilingModal-___ProfilingModal-module__imageContainer___1qLQ4 {
        display: none;
    }

    .src-mainapp-pre-subscription-profilingModal-profilingModal-___ProfilingModal-module__image___ykiLJ {
        display: none;
    }
}

@media (min-width: calc(60rem + 1px)) {
    .src-mainapp-pre-subscription-profilingModal-profilingModal-___ProfilingModal-module__rightContainer___Ec22e {
        flex: 1;
        width: 61.62%;
        height: inherit;
    }

    .src-mainapp-pre-subscription-profilingModal-profilingModal-___ProfilingModal-module__modalContent___84W6B {
        display: flex;
        flex-direction: row;
        height: 41.875rem;
    }

    .src-mainapp-pre-subscription-profilingModal-profilingModal-___ProfilingModal-module__rightContent___of9uh {
        padding: 2rem;
        gap: 1.5rem;
    }

    .src-mainapp-pre-subscription-profilingModal-profilingModal-___ProfilingModal-module__leftContainer___CMsKy {
        width: 22rem;
    }
}

.src-mainapp-pre-subscription-profilingModal-profilingModal-___PillSelector-module__pillSelector___oCMOB {
    border: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.src-mainapp-pre-subscription-profilingModal-profilingModal-___PillSelector-module__pillSelector___oCMOB legend {
        margin-bottom: 1.5rem;
    }

.src-mainapp-pre-subscription-profilingModal-profilingModal-___PillSelector-module__pillButton___N-aar {
    display: inline-block;
    box-sizing: border-box;
    background-color: var(--es-color-action-secondary);
    color: var(--es-color-text-primary);
    border: none;
    border-radius: 56px;
    padding: 10px 20px;
    font-size: var(--es-text-button-s-font-size);
    font-weight: var(--es-text-button-s-font-weight);
    text-align: center;
    line-height: var(--es-text-button-s-line-height);
    min-width: 68px;
    cursor: pointer;
    -webkit-user-select: none;
            user-select: none;
}

.src-mainapp-pre-subscription-profilingModal-profilingModal-___PillSelector-module__pillButton___N-aar:has(svg) {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
    padding: 0.25rem 1.25rem 0.25rem 0.25rem;
}

.src-mainapp-pre-subscription-profilingModal-profilingModal-___PillSelector-module__pillButton___N-aar > input {
    -webkit-appearance: none;
            appearance: none;
    display: none;
}

.src-mainapp-pre-subscription-profilingModal-profilingModal-___PillSelector-module__pillButton___N-aar:hover {
    background-color: var(--es-color-action-secondary-hovered);
}

.src-mainapp-pre-subscription-profilingModal-profilingModal-___PillSelector-module__pillButton___N-aar:has(input[type='radio']:active) {
    background-color: var(--es-color-action-secondary-hovered);
}

.src-mainapp-pre-subscription-profilingModal-profilingModal-___PillSelector-module__pillButton___N-aar:has(input[type='radio']:focus) {
    background-color: var(--es-color-action-primary);
    color: var(--es-color-text-inverse);
    outline-offset: 2px;
    outline: 2px solid var(--es-color-misc-focused);
}

.src-mainapp-pre-subscription-profilingModal-profilingModal-___PillSelector-module__pillButton___N-aar:has(input[type='checkbox']:focus) {
    background-color: var(--es-color-action-secondary);
    color: var(--es-color-text-inverse);
    outline-offset: 2px;
    outline: 2px solid var(--es-color-misc-focused);
}

.src-mainapp-pre-subscription-profilingModal-profilingModal-___PillSelector-module__pillButton___N-aar:has(input[type='checkbox']:checked) {
    background-color: var(--es-color-action-primary);
    color: var(--es-color-text-inverse);
}

.src-mainapp-pre-subscription-profilingModal-profilingModal-___PillSelector-module__selected___rqA-L {
    background-color: var(--es-color-action-primary);
    color: var(--es-color-text-inverse);
}

.src-mainapp-pre-subscription-profilingModal-profilingModal-___PillSelector-module__selected___rqA-L:hover {
    background-color: var(--es-color-action-primary);
    color: var(--es-color-text-inverse);
}

.src-mainapp-pre-subscription-profilingModal-profilingModal-___PillSelector-module__iconContainer___uVudh {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--es-color-action-secondary);
    padding: 0.75rem;
}

.src-mainapp-pre-subscription-profilingModal-profilingModal-___PillSelector-module__iconContainer___uVudh.src-mainapp-pre-subscription-profilingModal-profilingModal-___PillSelector-module__rounded___VW--6 {
    border-radius: 100%;
    padding: 0.5rem;
}

.src-mainapp-pre-subscription-profilingModal-profilingModal-steps-___StepsHeader-module__header___KCG3Y {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.src-mainapp-pre-subscription-profilingModal-profilingModal-steps-___StepsHeader-module__mobileHeader___DqFsJ {
    font-family: var(--es-header-font-family);
    background-color: var(--color-background);
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.src-mainapp-pre-subscription-profilingModal-___TracksForYou-module__emptyStateContainer___AIjTm {
    position: relative;
}

/** Track row placeholder*/
.src-mainapp-pre-subscription-profilingModal-___TracksForYou-module__trackRowPlaceholderContainer___jyUQ0 {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.src-mainapp-pre-subscription-profilingModal-___TracksForYou-module__playButtonPlaceholder___LI2iy {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--es-radius-circle);

    width: var(--es-play-button-size-m, 3rem);
    height: var(--es-play-button-size-m, 3rem);

    color: var(--es-color-background-floating);

    background: var(--es-color-background-elevation);
    opacity: 50%;
}

.src-mainapp-pre-subscription-profilingModal-___TracksForYou-module__trackTitleAndArtistWrapper___GjRvG {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 1rem;
}

.src-mainapp-pre-subscription-profilingModal-___TracksForYou-module__trackTitlePlaceholder___yvlck {
    width: 100px;
    height: 10px;
    background-color: var(--es-color-background-elevation);
    opacity: 50%;
}

.src-mainapp-pre-subscription-profilingModal-___TracksForYou-module__trackArtistPlaceholder___f7eby {
    width: 70px;
    height: 10px;
    background-color: var(--es-color-background-elevation);
    opacity: 50%;
}

.src-mainapp-pre-subscription-profilingModal-___TracksForYou-module__waveformPlaceholder___XwquD {
    display: none;
    margin: auto 2rem;
    width: 400px;
    height: 50px;
}

.src-mainapp-pre-subscription-profilingModal-___TracksForYou-module__tagsPlaceholderWrapper___BuwxR {
    display: none;
    flex-direction: column;
    gap: 8px;
    margin: 0 1rem;
}

.src-mainapp-pre-subscription-profilingModal-___TracksForYou-module__topTagsPlaceholder___Df9mb {
    width: 30px;
    height: 10px;
    margin-left: auto;
    background-color: var(--es-color-background-elevation);
    opacity: 50%;
}

.src-mainapp-pre-subscription-profilingModal-___TracksForYou-module__bottomTagsPlaceholder___Nx2E3 {
    width: 50px;
    height: 10px;
    background-color: var(--es-color-background-elevation);
    opacity: 50%;
}

.src-mainapp-pre-subscription-profilingModal-___TracksForYou-module__actionButtonsWrapper___YwzwQ {
    display: flex;
    margin-left: auto;
    gap: 1rem;
}

.src-mainapp-pre-subscription-profilingModal-___TracksForYou-module__actionButtonPlaceholder___yogWB {
    min-width: 2rem;
    min-height: 2rem;
    background-color: var(--es-color-background-elevation);
    opacity: 50%;
}

.src-mainapp-pre-subscription-profilingModal-___TracksForYou-module__desktopActionButtonPlaceholder___uNWHm {
    display: none;
}

@media (min-width: 30rem) {
    .src-mainapp-pre-subscription-profilingModal-___TracksForYou-module__desktopActionButtonPlaceholder___uNWHm {
        display: block;
    }
}

@media (min-width: 35rem) {
    .src-mainapp-pre-subscription-profilingModal-___TracksForYou-module__tagsPlaceholderWrapper___BuwxR {
        display: flex;
    }
}

@media (min-width: 50rem) {
    .src-mainapp-pre-subscription-profilingModal-___TracksForYou-module__waveformPlaceholder___XwquD {
        display: block;
    }
}

/** -------------------- */

.src-mainapp-pre-subscription-profilingModal-___TracksForYou-module__button___DpcCW {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--es-color-action-secondary);
    color: var(--es-color-text-primary);
    background-color: var(--es-color-background-elevation);
}

.src-mainapp-components-___Markdown-module__link___adDCv {
    color: var(--es-color-text-primary);
}

.src-mainapp-components-___Markdown-module__link___adDCv:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    cursor: pointer;
}

.src-mainapp-conversational-search-components-___AutoGrowingTextarea-module__textareaAutoGrowWrapper___kbk55 {
    /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */
    display: grid;
}

.src-mainapp-conversational-search-components-___AutoGrowingTextarea-module__textareaAutoGrowWrapper___kbk55::after {
    /* Note the weird space! Needed to prevent jumpy behavior */
    content: attr(data-replicated-value) ' ';

    /* This is how textarea text behaves */
    white-space: pre-wrap;

    /* Prevents overflow for input without spaces */
    overflow-wrap: anywhere;

    /* Hidden from view, clicks, and screen readers */
    visibility: hidden;
}

.src-mainapp-conversational-search-components-___AutoGrowingTextarea-module__textarea___bEtzO {
    outline: none;

    /* You could leave this, but after a user resizes, then it ruins the auto sizing */
    resize: none;

    scrollbar-color: var(--es-color-action-secondary) transparent;
}

.src-mainapp-conversational-search-components-___AutoGrowingTextarea-module__textarea___bEtzO::placeholder {
    color: var(--es-color-text-secondary);
}

.src-mainapp-conversational-search-components-___AutoGrowingTextarea-module__textarea___bEtzO,
.src-mainapp-conversational-search-components-___AutoGrowingTextarea-module__textareaAutoGrowWrapper___kbk55::after {
    /* Identical styling required! */

    border: none;
    padding: 0;

    min-height: var(--min-rows);
    max-height: var(--max-rows);

    background: transparent;
    color: var(--es-color-text-primary);

    /* Place on top of each other */
    grid-area: 1 / 1 / 2 / 2;
}

.src-mainapp-conversational-search-components-___AutoGrowingTextarea-module__textarea___bEtzO:disabled,
.src-mainapp-conversational-search-components-___AutoGrowingTextarea-module__disabled___FWe\+X.src-mainapp-conversational-search-components-___AutoGrowingTextarea-module__textareaAutoGrowWrapper___kbk55::after {
    color: var(--es-color-text-disabled);
}

.src-mainapp-conversational-search-components-___AutoGrowingTextarea-module__textarea___bEtzO:disabled::placeholder {
    color: var(--es-color-text-disabled);
}

.src-mainapp-conversational-search-components-___ChatInput-module__form___xy0rg {
    box-sizing: border-box;

    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto 0fr;

    width: 100%;

    border: 1px solid var(--es-color-border-tertiary);
    border-radius: 0.5rem;
    padding: 0.875rem 1rem 1rem;

    background: rgba(41, 44, 51, 0.6);
    -webkit-backdrop-filter: blur(32px);
            backdrop-filter: blur(32px);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.4);

    overflow: hidden;

    cursor: pointer;

    transition: grid-template-rows 150ms ease-out;
}

.src-mainapp-conversational-search-components-___ChatInput-module__form___xy0rg:hover {
    background: var(--es-color-background-elevation);
}

.src-mainapp-conversational-search-components-___ChatInput-module__form___xy0rg.src-mainapp-conversational-search-components-___ChatInput-module__expanded___CWCaN {
    grid-template-rows: auto 1fr;

    cursor: unset;
}

.src-mainapp-conversational-search-components-___ChatInput-module__form___xy0rg:has(textarea:focus) {
    border-color: var(--es-color-border-primary);
}

.src-mainapp-conversational-search-components-___ChatInput-module__form___xy0rg:has(textarea:disabled) {
    background: rgba(41, 44, 51, 0.6);
}

.src-mainapp-conversational-search-components-___ChatInput-module__icon___TE3uM {
    grid-row: 1 / 2;
    grid-column: 1 / 2;

    padding-right: 0.5rem;

    color: var(--es-color-brand-extended-blue);
}

.src-mainapp-conversational-search-components-___ChatInput-module__textarea___4Yhek {
    grid-row: 1 / 2;
    grid-column: 2 / 4;
}

.src-mainapp-conversational-search-components-___ChatInput-module__textarea___4Yhek textarea {
    cursor: pointer;
}

.src-mainapp-conversational-search-components-___ChatInput-module__textarea___4Yhek.src-mainapp-conversational-search-components-___ChatInput-module__expanded___CWCaN textarea {
    cursor: text;
}

.src-mainapp-conversational-search-components-___ChatInput-module__actionWrapper___rgu9x {
    grid-row: 2 / 3;
    grid-column: 1 / 4;

    display: flex;
    align-items: center;

    margin-top: 0.25rem;

    min-height: 0;
    opacity: 0;
    transition: opacity 200ms 150ms ease-out;
}

.src-mainapp-conversational-search-components-___ChatInput-module__actionWrapper___rgu9x.src-mainapp-conversational-search-components-___ChatInput-module__expanded___CWCaN {
    opacity: 1;
}

.src-mainapp-conversational-search-components-___ChatInput-module__actionContainer___\+gItR {
    flex-grow: 1;
}

.src-mainapp-conversational-search-components-___ChatInput-module__submitButton___DtVp1 {
    border-radius: 10000px;
}

.src-mainapp-conversational-search-components-___ChatInput-module__actionButton___mmV0q {
    border-radius: 6.25rem;
}

.src-mainapp-conversational-search-components-layout-___SearchModeTabs-module__tabList___g476a {
    display: flex;
    gap: 0.25rem;

    width: -moz-fit-content;

    width: fit-content;

    border-radius: 6.25rem;
    margin-bottom: 1rem;
    padding: 0.25rem;

    background-color: var(--es-color-input-default);
}

/* Change background color when hovering tab list,
 * but not when hovering over the active tab.
 */
.src-mainapp-conversational-search-components-layout-___SearchModeTabs-module__tabList___g476a:hover:not(:has(.src-mainapp-conversational-search-components-layout-___SearchModeTabs-module__tab___KUqhC.src-mainapp-conversational-search-components-layout-___SearchModeTabs-module__active___ZgOai:hover)) {
    background-color: var(--es-color-input-hovered);
}

.src-mainapp-conversational-search-components-layout-___SearchModeTabs-module__tab___KUqhC {
    display: flex;
    align-items: center;
    gap: 0.25rem;

    padding: 0.375rem 1rem;

    border: none;
    border-radius: 6.25rem;

    background: var(--es-color-action-ghost);

    color: var(--es-color-text-secondary);

    cursor: pointer;
}

.src-mainapp-conversational-search-components-layout-___SearchModeTabs-module__tab___KUqhC.src-mainapp-conversational-search-components-layout-___SearchModeTabs-module__active___ZgOai {
    color: var(--es-color-text-inverse);
}

.src-mainapp-conversational-search-components-layout-___SearchModeTabs-module__tab___KUqhC.src-mainapp-conversational-search-components-layout-___SearchModeTabs-module__active___ZgOai.src-mainapp-conversational-search-components-layout-___SearchModeTabs-module__assistant___PC\+n3 {
    background: var(--es-color-brand-extended-blue);
}

.src-mainapp-conversational-search-components-layout-___SearchModeTabs-module__tab___KUqhC.src-mainapp-conversational-search-components-layout-___SearchModeTabs-module__active___ZgOai.src-mainapp-conversational-search-components-layout-___SearchModeTabs-module__search___KM\+vo {
    background: var(--es-color-action-primary);
}

/* Slightly extends clickable area of non-active tabs
 * by removing border radius on inner corners.
 */
.src-mainapp-conversational-search-components-layout-___SearchModeTabs-module__tab___KUqhC:not(.src-mainapp-conversational-search-components-layout-___SearchModeTabs-module__active___ZgOai):not(:focus-visible).src-mainapp-conversational-search-components-layout-___SearchModeTabs-module__assistant___PC\+n3 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.src-mainapp-conversational-search-components-layout-___SearchModeTabs-module__tab___KUqhC:not(.src-mainapp-conversational-search-components-layout-___SearchModeTabs-module__active___ZgOai):not(:focus-visible).src-mainapp-conversational-search-components-layout-___SearchModeTabs-module__search___KM\+vo {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.src-mainapp-conversational-search-components-layout-___AssistantToggle-module__input___btDVD {
    margin-bottom: 2rem;
}

.src-mainapp-music-components-___FeaturedPage-module__searchContainerInner___cmUg1 {
    position: relative;
}

.src-mainapp-music-components-___FeaturedPage-module__searchContainerInnerSpaceAround___zeN1B {
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--es-color-secondary);
}

.src-mainapp-music-components-___FeaturedPage-module__placementWrapper___h6aYB {
    margin-bottom: 2rem;
}

.src-mainapp-music-components-___FeaturedPage-module__promoBannerWrapper___vJhnp {
    margin-bottom: 4rem;
}

.src-shared-components-___LanguageNudger-module__languageNudgerContainer___3nNXn {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: var(--es-color-background-elevation);
}

.src-shared-components-___LanguageNudger-module__textWrapper___xXAvL {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.src-shared-components-___LanguageNudger-module__buttonsWrapper___c6Kbh {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.src-mainapp-components-MobileAppBottomSheet-___BottomSheet-module__backdrop___V5Ur4 {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: stretch;
    align-items: flex-end;
    background-color: transparent;

    transition: background-color 0.2s ease-in-out;
}

.src-mainapp-components-MobileAppBottomSheet-___BottomSheet-module__backdrop___V5Ur4,.src-mainapp-components-MobileAppBottomSheet-___BottomSheet-module__backdrop___V5Ur4 * {
        box-sizing: border-box;
    }

.src-mainapp-components-MobileAppBottomSheet-___BottomSheet-module__bottomSheetContainer___AnxQI {
    box-sizing: border-box;
    position: relative;
    z-index: 11;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: center;
    width: 100%;
    margin: 0;

    padding: 1rem;

    border-radius: 1rem 1rem 0 0;

    overflow: auto;

    background-color: var(--es-color-background-elevation);

    box-shadow: var(--es-elevation-floating);
    transform: translateY(100%);
    transition: transform 0.2s ease-in-out;
}

.src-mainapp-components-MobileAppBottomSheet-___BottomSheet-module__backdropVisible___rLh7f {
    background-color: var(--es-color-background-backdrop);
}

.src-mainapp-components-MobileAppBottomSheet-___BottomSheet-module__bottomSheetContainerVisible___DIliY {
    transform: translateY(0);
}

.src-mainapp-components-MobileAppBottomSheet-___BottomSheet-module__closeButton___FAX2h {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
}

.src-mainapp-components-MobileAppBottomSheet-___BottomSheet-module__contentContainer___1IsUT {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 0 2rem;
    text-align: center;

    max-width: 40rem;
}

.src-mainapp-components-MobileAppBottomSheet-___BottomSheet-module__imageContainer___90CGr {
    margin-bottom: 1.5rem;
}

.src-mainapp-components-MobileAppBottomSheet-___BottomSheet-module__image___5HneH {
    height: 3.5rem;
    width: 3.5rem;
}

.src-mainapp-components-MobileAppBottomSheet-___BottomSheet-module__title___pMn2s {
    margin-bottom: 0.5rem;
}

.src-mainapp-components-MobileAppBottomSheet-___BottomSheet-module__actionContainer___0tGOw {
    display: flex;
    flex-wrap: wrap-reverse;
    gap: 1rem;
    width: 100%;
    max-width: 40rem;
    margin-bottom: 0.5rem;
}

.src-mainapp-components-MobileAppBottomSheet-___BottomSheet-module__actionContainer___0tGOw  > * {
        flex-grow: 1;
        flex-basis: 1px;
    }

.src-mainapp-components-MobileAppBottomSheet-___BottomSheet-module__action___xgLwz {
    min-width: 10rem;
}

.src-mainapp-components-Warning-___VerifyEmailNotification-module__resendEmailBar___6Jwk2 {
    align-items: center;
    background: var(--es-color-background-elevation);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    padding-left: var(--es-grid-padding-small);
    padding-right: var(--es-grid-padding-small);
}

.src-mainapp-components-Warning-___VerifyEmailNotification-module__resendEmailBarContainer___KwImZ {
    display: flex;

    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    gap: 1rem;

    padding: 1rem 0;
    width: 100%;
    max-width: 83rem;
}

.src-mainapp-components-Warning-___VerifyEmailNotification-module__buttonWrapper___sHSYY {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.src-mainapp-components-Warning-___VerifyEmailNotification-module__iconButton___Vce3j {
    margin-left: 1rem;
}

.src-mainapp-components-Warning-___VerifyEmailNotification-module__notification___x7VUN {
    display: flex;
    align-items: center;
}

.src-mainapp-components-Warning-___VerifyEmailNotification-module__infoWrapper___G\+EPl {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 30rem) {
    .src-mainapp-components-Warning-___VerifyEmailNotification-module__resendEmailBar___6Jwk2 {
        padding-left: var(--es-grid-padding-medium);
        padding-right: var(--es-grid-padding-medium);
    }
}

@media (min-width: 48rem) {
    .src-mainapp-components-Warning-___VerifyEmailNotification-module__resendEmailBarContainer___KwImZ {
        align-items: center;
        flex-direction: row;
    }
}

@media (min-width: 60rem) {
    .src-mainapp-components-Warning-___VerifyEmailNotification-module__resendEmailBar___6Jwk2 {
        padding-left: var(--es-grid-padding-large);
        padding-right: var(--es-grid-padding-large);
    }
}

.src-mainapp-components-Warning-___MaintenanceNotice-module__maintenanceNoticeBar___Q-y3m {
    align-items: center;
    background: var(--es-color-background-elevation);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    z-index: 1040;
    padding: 1rem;
}

.src-mainapp-___MessageContainer-module__messageContainer___IPFP9 {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    position: fixed;
    bottom: 0;
    z-index: 4;
    width: 100%;
}

.src-mainapp-player-components-___MobilePlayerBar-module__mobile___-8Vqv {
    background-color: var(--es-color-background-elevation);
    height: 5rem;
}

.src-mainapp-player-components-___MobilePlayerBar-module__trackInfoContainer___hfUGn {
    grid-column: 1 / span 3;
}

.src-mainapp-player-components-___MobilePlayerBar-module__actions___ZAJBD {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0.5rem 1rem;
}

.src-mainapp-player-components-___MobilePlayerBar-module__group___gDyw\+ {
    display: flex;
}

.src-mainapp-player-components-___MobilePlayerBar-module__secondary___6yfKM rect {
    fill: var(--es-color-icon-secondary);
}

.src-mainapp-player-components-___LineProgressBar-module__container___gMAvZ {
    position: relative;
    height: 2px;
    background-color: var(--es-color-track-default);
    transition: height 200ms ease-in-out 100ms;
}

.src-mainapp-player-components-___LineProgressBar-module__seeking___k9kv6 {
    height: 14px;
}

.src-mainapp-player-components-___LineProgressBar-module__content___goo\+M {
    height: 100%;
}

.src-mainapp-player-components-___LineProgressBar-module__touchBar___O2d4h {
    height: 45px;
    position: absolute;
    left: 0;
    right: 0;
    transform: translateY(-60%);
    z-index: 10;
}

.src-mainapp-player-components-___LineProgressBar-module__marker___OeR7e {
    background-color: var(--es-color-background-inverse);
    min-height: 1rem;
    min-width: 1rem;
    border-radius: 50%;
    margin-right: -0.5rem;
}

.src-mainapp-player-components-___LineProgressBar-module__seeking___k9kv6 .src-mainapp-player-components-___LineProgressBar-module__marker___OeR7e {
    min-height: 1.5rem;
    min-width: 1.5rem;
    margin-right: -0.75rem;
}

.src-mainapp-player-components-___LineProgressBar-module__bar___t\+G7E {
    background-color: var(--es-color-track-fill);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0.5rem;
    max-width: calc(100% - 0.5rem);
}

.src-mainapp-player-components-___LineProgressBar-module__duration___nkJZv {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    line-height: 14px;
    color: var(--es-color-text-primary);
    transition: opacity 200ms ease-in-out;
    transition-delay: 0ms;
    opacity: 0;
}

.src-mainapp-player-components-___LineProgressBar-module__duration___nkJZv span {
    margin: 0 5px;
}

.src-mainapp-player-components-___LineProgressBar-module__seeking___k9kv6 .src-mainapp-player-components-___LineProgressBar-module__duration___nkJZv {
    opacity: 1;
    transition-delay: 300ms;
}

.src-mainapp-player-components-___PlaybackControls-module__container___ArZKo {
    display: flex;
}

.src-mainapp-player-components-___PlaybackControls-module__toggleButton___Uj5lF {
    color: var(--es-color-icon-disabled);
}

.src-mainapp-player-components-___PlaybackControls-module__toggleButtonActive___Pl48A {
    color: var(--es-color-icon-active);
}

.src-mainapp-player-components-___ScrollingLabel-module__container___2cpmi {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.src-mainapp-player-components-___ScrollingLabel-module__scrollingContainer___IRdkF {
    display: inline;
}

.src-mainapp-player-components-___ScrollingLabel-module__scrolling___ZlyZj {
    display: inline-block;
    animation: src-mainapp-player-components-___ScrollingLabel-module__scroll___cmjNJ var(--scrolling-speed) linear;
}

.src-mainapp-player-components-___ScrollingLabel-module__ellipsis___q7S6V {
    text-overflow: ellipsis;
}

.src-mainapp-player-components-___ScrollingLabel-module__label___-9tEm {
    padding-right: 10px;
}

@keyframes src-mainapp-player-components-___ScrollingLabel-module__scroll___cmjNJ {
    100% {
        transform: translateX(calc(-50% - 5px));
    }
}

.src-mainapp-player-components-___TrackInfo-module__container___vipmJ,
.src-mainapp-player-components-___TrackInfo-module__container___vipmJ a {
    font-family: Epidemic, sans-serif;
    font-size: 0.75rem;
    -webkit-user-select: none;
            user-select: none;
}

.src-mainapp-player-components-___TrackInfo-module__container___vipmJ {
    display: grid;
    row-gap: 0.25rem;
}

.src-mainapp-player-components-___TrackInfo-module__container___vipmJ a:hover,
.src-mainapp-player-components-___TrackInfo-module__container___vipmJ a:focus-visible {
    color: var(--es-color-text-primary);
    -webkit-text-decoration: underline;
    text-decoration: underline;
    outline: none;
}

.src-mainapp-player-components-___TrackInfo-module__mobileContainer___tdmYq,
.src-mainapp-player-components-___TrackInfo-module__mobileContainer___tdmYq a {
    color: var(--es-color-text-secondary);
    font-family: Epidemic, sans-serif;
    font-size: 0.75rem;
    text-align: center;
    -webkit-user-select: none;
            user-select: none;
}

.src-mainapp-player-components-___TrackInfo-module__mobileContainer___tdmYq {
    margin-bottom: 0.5rem;
    white-space: nowrap;
}

.src-mainapp-player-components-___TrackInfo-module__innerWrapper___wX8Vs {
    display: flex;
}

.src-mainapp-player-components-___TrackInfo-module__metaWrapper___Wt3JU {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 0.5rem;
}

.src-mainapp-player-components-___TrackInfo-module__title___fnGtA {
    color: var(--es-color-text-primary);
    display: grid;
    font-weight: 600;
}

.src-mainapp-player-components-___TrackInfo-module__creatives___uXSDy,
.src-mainapp-player-components-___TrackInfo-module__creatives___uXSDy a {
    color: var(--es-color-text-secondary);
    font-weight: 400;
}

.src-mainapp-player-components-___TrackInfo-module__creatives___uXSDy {
    display: grid;
}

.src-mainapp-player-components-___TrackInfo-module__trackHistoryWrapper___LV6wO {
    display: flex;
    align-items: center;
}

.src-mainapp-player-components-___TrackInfo-module__coverArt___d7I\+U {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1rem;
}

@media (max-width: 60rem) {
    .src-mainapp-player-components-___TrackInfo-module__mobileContainer___tdmYq {
        padding-top: 0.5rem;
        margin-bottom: 0;
    }
}

div.src-mainapp-player-components-___PlayerContextualMenu-module__menu___p8eON {
    padding: 8px;
    background-color: var(--es-color-background-elevation);
}

.src-mainapp-player-components-___PlayerContextualMenu-module__menu___p8eON::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    content: '\2666';
    /* stylelint-disable-next-line declaration-property-value-disallowed-list */
    color: var(--es-color-background-elevation);
    text-align: center;
}

.src-mainapp-player-components-___PlayerContextualMenu-module__button___KH9xI {
    border: none;
    outline: none;
    cursor: pointer;
    min-width: 2.75rem;
    height: 2.75rem;
    background-color: var(--es-color-action-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.src-mainapp-player-components-___PlayerContextualMenu-module__openButton___2J0e5,
.src-mainapp-player-components-___PlayerContextualMenu-module__button___KH9xI:hover {
    background-color: var(--es-color-action-ghost-hovered);
}

.src-mainapp-player-components-___PlayerContextualMenu-module__button___KH9xI:active {
    background-color: var(--es-color-action-ghost-pressed);
}

.src-mainapp-player-components-___PlayerContextualMenu-module__ghostButton___wTClv {
    background-color: var(--es-color-action-ghost);
}

.src-mainapp-player-components-___VolumeSelector-module__container___sDXaC button:focus {
    background: initial;
}

.src-mainapp-player-components-___VolumeSelector-module__container___sDXaC button {
    padding: 0;
}

@media (hover) {
    .src-mainapp-player-components-___VolumeSelector-module__container___sDXaC button:hover {
        background: initial;
    }
}

.src-mainapp-player-components-___VolumeSlider-module__container___a70Gi {
    width: 2rem;
    height: 8.5rem;
    padding: 0.5rem 0;
}

.src-mainapp-player-components-___TimeCursor-module__wrapper___oTIdg {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.src-mainapp-player-components-___TimeCursor-module__cursor___fqzqm {
    width: 1px;
    height: 100%;
    background-color: var(--es-color-background-inverse);
    position: absolute;
    top: 0;
    pointer-events: none;
    font-size: 0.75rem;
}

.src-mainapp-player-components-___TimeCursor-module__leftTime___50a8A {
    transform: translateX(calc(-100% - 0.5rem));
    width: 100px;
    text-align: right;
    color: var(--es-color-text-primary);
    padding-top: 0.25rem;
}

/* stylelint-disable declaration-property-value-allowed-list */
/* stylelint-disable color-no-hex */
.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-assets-___DynamicWaveform-module__wrapper___JwynV {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-assets-___DynamicWaveform-module__wrapper___JwynV canvas {
    height: 48px;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-assets-___DynamicWaveform-module__positioner___Wlmfq {
    visibility: hidden;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-assets-___DynamicWaveform-module__stackWrapper___EJar8 {
    height: 100%;
    position: absolute;
    width: 100%;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-assets-___DynamicWaveform-module__stackLayer_audibleScaleWrapper___EF7KT {
    position: absolute;
    top: 0.5rem;
    transition: scale 0.3s;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-assets-___DynamicWaveform-module__flatLine_outer___OSuuv {
    height: 100%;
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-assets-___DynamicWaveform-module__flatLine_inner___Hq3f3 {
    height: 1px;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-assets-___DynamicWaveform-module__flatLine_inner__behindPlayhead___D6Z-3 {
    background: var(--es-color-background-inverse);
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-assets-___DynamicWaveform-module__flatLine_inner__inFrontOfPlayhead___ja-fE {
    /* Background color needs to exactly match color of waveform canvas to avoid unwelcome animation artifacts */
    background-color: #4a4e55;
    flex-grow: 1;
}

.src-mainapp-player-components-___PlayerBar-module__player___G1GAy {
    background-color: var(--es-color-background-elevation);
    height: 5rem;
    display: grid;
    justify-items: center;
    align-items: center;
    grid-template-columns: 3rem 3fr 3fr 10fr 3fr;
    padding: 0 1.5rem;
    box-shadow: var(--es-elevation-bottom);
}

.src-mainapp-player-components-___PlayerBar-module__playerAlternateLayout___1AbBA {
    background-color: var(--es-color-background-elevation);
    height: 4rem;
    display: grid;
    justify-items: center;
    align-items: center;
    grid-template-columns: 3fr 3rem 3fr 10fr 3fr;
    padding-right: 1.5rem;
    box-shadow: var(--es-elevation-bottom);
}

.src-mainapp-player-components-___PlayerBar-module__waveformWrapper___-K5Gq {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 0.5rem;
    width: 100%;
    justify-content: space-between;
    padding: 0 1.5rem;
    box-sizing: border-box;
}

.src-mainapp-player-components-___PlayerBar-module__elapsedTime___G7Jk3 {
    min-width: 1.625rem;
}

.src-mainapp-player-components-___PlayerBar-module__waveform___lY4wz {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.src-mainapp-player-components-___PlayerBar-module__actions___Z\+6wo {
    margin-left: auto;
}

.src-mainapp-player-components-___PlayerBar-module__stems___WfKI3 {
    margin: 0 0.5rem;
}

.src-mainapp-player-components-___PlayerBar-module__playBackControls___84gZ5 {
    display: flex;
}

.src-mainapp-player-components-___PlayerBar-module__playBackControls___84gZ5,
.src-mainapp-player-components-___PlayerBar-module__trackInfo___CrvbC {
    margin-right: 1.5rem;
}

.src-mainapp-player-components-___PlayerBar-module__playBackControls___84gZ5.src-mainapp-player-components-___PlayerBar-module__noMargin___fqztn {
    margin-right: 0;
}

.src-mainapp-player-components-___PlayerBar-module__trackInfo___CrvbC {
    justify-self: baseline;
    margin-left: 1rem;
}

.src-mainapp-player-components-___PlayerBar-module__volumeSection___hUHfx {
    justify-self: end;
}

.src-mainapp-audio-video-matching-components-___AudioVideoMatching-module__container___-JuKv {
    width: auto;
    background-color: var(--es-color-background-elevation);
    box-shadow: 0 8px 16px var(--pds-elevation-floating);
    position: absolute;
    transform: translateY(calc(-100% + -0.5rem));
    right: 0.5rem;
}

.src-mainapp-audio-video-matching-components-___AudioVideoMatching-module__fileSelectWrapper___i0HJR {
    width: 45vw;
    max-width: 528px;
}

.src-mainapp-audio-video-matching-components-___FileSelector-module__wrapper___99GMM.src-mainapp-audio-video-matching-components-___FileSelector-module__draggingOver___bH7HO {
    background-color: var(--es-color-background-elevation);
    cursor: grabbing;
    outline: solid 1px var(--es-color-border-primary);
}

.src-mainapp-audio-video-matching-components-___FileSelector-module__fileSelectorWrapper___qmjhW {
    padding: 3rem 1.5rem;
}

.src-mainapp-audio-video-matching-components-___FileSelector-module__content___S941O {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.src-mainapp-audio-video-matching-components-___FileSelector-module__description___B7z1Z {
    margin: 0.5rem 0 0;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--es-color-text-secondary);
    white-space: pre-wrap;
}

.src-mainapp-audio-video-matching-components-___FileSelector-module__button___jai-O {
    margin: 1.5rem 0;
}

.src-mainapp-audio-video-matching-components-___FileSelector-module__hidden___1SeZm {
    display: none;
}

.src-mainapp-audio-video-matching-components-___FileSelector-module__error___T9S8Z {
    align-items: center;
    margin-top: -1.5rem;
    border-bottom-left-radius: var(--es-radius-medium);
    border-bottom-right-radius: var(--es-radius-medium);
}

.src-mainapp-audio-video-matching-components-___FileSelector-module__error___T9S8Z span {
    font-size: 0.75rem;
    line-height: 1rem;
}

.src-mainapp-audio-video-matching-components-___FileSelector-module__wrapper___99GMM .src-mainapp-audio-video-matching-components-___FileSelector-module__close___Fxoq7 {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    z-index: 1;
}

.src-mainapp-audio-video-matching-components-___SampleVideos-module__gridContainer___JH8n0 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 0.5rem;
    justify-content: center;
    align-items: center;
    justify-items: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 1.5rem;
}

.src-mainapp-audio-video-matching-components-___SampleVideos-module__sampleVideo___vUQiX {
    width: 4rem;
    height: 3rem;
    background-color: var(--es-color-background-elevation);
    background-position: center;
    background-size: cover;
    cursor: pointer;
    background-repeat: no-repeat;
    border: none;
    display: inline-block;
    padding: 0;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    vertical-align: middle;
    -webkit-user-select: none;
            user-select: none;
    position: relative;
}

.src-mainapp-audio-video-matching-components-___SampleVideos-module__sampleVideo___vUQiX:hover::before {
    background: var(--es-color-background-overlay);
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    left: 0;
}

.src-mainapp-audio-video-matching-components-___SampleVideos-module__sampleVideo___vUQiX:focus {
    outline-offset: 2px;
    outline: 2px solid var(--es-color-misc-focused);
}

.src-mainapp-audio-video-matching-components-___VideoSettings-module__settingsContainer___bHjG8 {
    padding: 1rem;
}

.src-mainapp-audio-video-matching-components-___VideoSettings-module__settingsConfirmation___gCZHU {
    display: flex;
    justify-content: flex-end;
}

.src-mainapp-audio-video-matching-components-___VideoSettings-module__hidden___nKYh- {
    display: none;
}

.src-mainapp-audio-video-matching-components-___VideoPlayerContainer-module__playerWrapper___tbKv0 video {
    min-width: 35vw;
    max-width: 35vw;
    max-height: 50vh;
}

/* Make video have a border radius, we could use overflow: hidden on the parent but sadly that would crop out the tooltips that are child of the video player */
.src-mainapp-audio-video-matching-components-___VideoPlayerContainer-module__playerWrapper___tbKv0 video,
.src-mainapp-audio-video-matching-components-___VideoPlayerContainer-module__playerWrapper___tbKv0 video + div > div {
    border-radius: var(--pds-radius-medium);
}

.src-mainapp-audio-video-matching-components-___VideoPlayerContainer-module__playerWrapper___tbKv0.src-mainapp-audio-video-matching-components-___VideoPlayerContainer-module__playerMinimized___5Jsnw {
    width: 12vw;
    cursor: pointer;
    display: flex;
    justify-content: center;
}

.src-mainapp-audio-video-matching-components-___VideoPlayerContainer-module__playerWrapper___tbKv0.src-mainapp-audio-video-matching-components-___VideoPlayerContainer-module__playerMinimized___5Jsnw video {
    min-width: auto;
    object-fit: cover;
    border-radius: var(--pds-radius-small);
    object-position: center;
}

.src-mainapp-audio-video-matching-components-___VideoPlayerContainer-module__trimWrapper___MjWHi {
    display: block;
    margin: 1rem;
}

.src-mainapp-audio-video-matching-components-___VideoPlayerContainer-module__trimSelectionContainer___dmrMm {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
    align-items: center;
}

.src-mainapp-audio-video-matching-components-___VideoPlayerContainer-module__hideTrimmer___NMfYs {
    display: none;
}

.src-mainapp-audio-video-matching-components-___VideoPlayerContainer-module__recommendationsVideoButtonContainer___lrUzV {
    padding: 0.5rem;
}

.src-mainapp-audio-video-matching-components-___VideoPlayerContainer-module__recommendationsVideoButton___gRe25 {
    width: 100%;
}

:root {
    --csm-content-width: 208px;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___CompactStemsMixer-module__wrapper___qivSo {
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 10001; /* Ensure the wrapper is placed on top of the "Show labs" toggle button */
    margin-left: 0.5rem;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___CompactStemsMixer-module__stemsButton___NNwBs.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___CompactStemsMixer-module__open___7whSy {
    background-color: var(--es-color-action-ghost-hovered);
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___CompactStemsMixer-module__stemsButton___NNwBs::after {
    content: '\25BE';
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___CompactStemsMixer-module__stemsButton___NNwBs.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___CompactStemsMixer-module__open___7whSy::after {
    transform: rotate(180deg);
}

/* stylelint-disable declaration-property-value-allowed-list */
/* stylelint-disable color-no-hex */

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__content___f9AWc {
    position: absolute;
    bottom: 2.75rem;
    background-color: var(--es-color-background-elevation);
    min-width: var(--csm-content-width);
    box-shadow: var(--es-elevation-floating);
    padding-top: 0.5rem;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__contentHeader___Qq4Ea {
    display: flex;
    justify-content: space-between;
    height: 2rem;
    padding: 0 0.5rem 0 1rem;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__contentHeader_left___Qoopz {
    display: flex;
    align-items: center;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__contentHeaderLabel___JRq2x {
    display: flex;
    align-items: center;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__loaderWrapper___8p5dk {
    padding-left: 0.5rem;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__tempStemVersionToggle___WnUMG {
    font-family: Inter;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.1em;
    vertical-align: middle;
    text-transform: uppercase;
    position: relative;
    left: -0.75rem;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__tempStemVersionToggle___WnUMG:hover {
    background-color: transparent;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__indicatorIcon___0zI8- {
    display: flex;
    align-items: center;
    justify-content: center;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__indicatorLoading___n-rj7 {
    opacity: 0.5;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__stemItem___3AbT- {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: var(--csm-content-width);
    min-height: 4.5rem;
    padding: 0 1rem;
    border-bottom: 1px solid var(--es-color-border-tertiary);
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__stemItem___3AbT-:last-of-type {
    border-bottom: none;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__stemUpperRow___LccQH {
    height: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.25rem;
    width: 100%;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__stemUpperRow___LccQH div {
    display: flex;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__stemLowerRow___w3dbH {
    margin-right: 2px;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__controlButton___4AUeq {
    min-height: 1.5rem;
    padding: 0;
    min-width: 1.5rem;
    margin-right: 4px;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__volumeSlider___gbwn5 {
    height: 1rem;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__stemItemLabel___oXYxF {
    margin-left: 0.25rem;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__loading___tfzfp {
    min-width: var(--csm-content-width);
    display: flex;
    padding: 0 1rem;
    border-bottom: 1px solid var(--es-color-border-tertiary);
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__loadItemRegular___s8ZM6 {
    height: 4.5rem;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__loadItemAlternate___h\+s6I {
    padding-top: 0.5rem;
    height: 3.5rem;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__loading___tfzfp:last-of-type {
    border-bottom: none;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__spinnerWrapper___oLrHN {
    padding-left: 0.25rem;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__alternateStemItem___kTSVu {
    padding: 0.5rem 1rem 0;
    display: flex;
    flex-direction: start;
    justify-content: center;
    align-items: start;
    min-width: var(--csm-content-width);
    min-height: 3.5rem;
    border-bottom: 1px solid var(--es-color-border-tertiary);
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__alternateStemItem___kTSVu:last-of-type {
    border-bottom: none;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__alternateStemContent___RrYsv {
    flex-grow: 1;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__alternateStemUpperRow___mQica {
    display: flex;
    flex-direction: column;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__alternateMuteSwitch___TJ-ml {
    width: 2.5rem;
    position: relative;
    left: -1rem;
    padding-right: 1rem;
    top: 0.5rem;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__volumeLoaderWrapper___NzzIy {
    width: 100%;
    display: flex;
    align-items: center;
    height: 1rem;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__volumeLoaderPlaceholder___vx1dK {
    height: 2px;
    width: 100%;
}

@keyframes src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__shimmer___1hTxP {
    0% {
        background-position: -400px 0;
    }

    100% {
        background-position: 400px 0;
    }
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__shimmer___1hTxP {
    background: #3a3a3a;
    background-image: linear-gradient(
        to right,
        #3a3a3a 0%,
        #3f3f3f 10%,
        #4a4a4a 20%,
        #3f3f3f 30%,
        #3a3a3a 50%,
        #3a3a3a 100%
    );
    background-repeat: no-repeat;
    background-size: 1000px 100%;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-name: src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__shimmer___1hTxP;
    -webkit-animation-name: src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemControls-module__shimmer___1hTxP;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemsButton-module__subBarButton___hG9h\+ {
    box-sizing: border-box;
    min-height: 32px;
    font-size: 12px;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemsButton-module__indicatorWrapper___7OCFJ {
    display: flex;
    align-items: center;
    padding-left: 4px;
    min-width: 32px;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemsButton-module__indicator___Wvm1L {
    margin-left: -8px;
    display: flex;
    align-items: center;
    min-width: 12px;
}

.src-mainapp-player-components-DesktopPlayerSubBar-CompactStems-___StemsButton-module__indicatorAlternate___ABMgS {
    margin-left: -6px;
    display: flex;
    align-items: center;
    width: 16px;
}

.src-mainapp-player-components-DesktopPlayerSubBar-___DesktopPlayerSubBar-module__playerSubBar___lS7MS {
    background: linear-gradient(
            0deg,
            var(--es-color-background-surface) 0%,
            var(--es-color-background-surface) 100%
        ),
        var(--es-color-background-elevation);
    height: 3rem;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0.5rem 2rem;
    justify-content: space-between;
    align-self: stretch;
}

.src-mainapp-player-components-DesktopPlayerSubBar-___DesktopPlayerSubBar-module__playerSubBar___lS7MS.src-mainapp-player-components-DesktopPlayerSubBar-___DesktopPlayerSubBar-module__audioPlayerUIEnabled___tY\+cb {
    padding: 0.5rem;
}

.src-mainapp-player-components-DesktopPlayerSubBar-___DesktopPlayerSubBar-module__leftSection___BY0zi {
    display: flex;
    align-items: center;
    gap: 16px;
}

.src-mainapp-player-components-DesktopPlayerSubBar-___DesktopPlayerSubBar-module__rightSection___Aqo38 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
}

.src-mainapp-player-components-DesktopPlayerSubBar-___DesktopPlayerSubBar-module__preferredLengthSection___xVmoi {
    display: flex;
    align-items: center;
    gap: 8px;
}

.src-mainapp-player-components-DesktopPlayerSubBar-___DesktopPlayerSubBar-module__preferredLengthSectionTitle___NRO5X {
    display: flex;
    align-items: center;
    gap: 3px;
    color: var(--es-color-text-primary);
}

.src-mainapp-player-components-DesktopPlayerSubBar-___DesktopPlayerSubBar-module__preferredLengthSectionTitle___NRO5X p {
    font-weight: 600;
}

.src-mainapp-player-components-DesktopPlayerSubBar-___DesktopPlayerSubBar-module__divider___LaTje {
    width: 1px;
    height: 1rem;
    background-color: var(--es-color-misc-divider);
}

.src-mainapp-player-components-DesktopPlayerSubBar-___DesktopPlayerSubBar-module__preferredLengthBtns___8cwV2 {
    display: flex;
    align-items: center;
    gap: 2px;
}

.src-mainapp-player-components-DesktopPlayerSubBar-___DesktopPlayerSubBar-module__preferredLengthBtn___ojzAW {
    box-sizing: border-box;
    min-height: 32px;
    font-size: 12px;
    padding: 0.25rem 1rem;
    min-width: initial;
}

.src-mainapp-player-components-DesktopPlayerSubBar-___DesktopPlayerSubBar-module__stemsButton___GhjUA.src-mainapp-player-components-DesktopPlayerSubBar-___DesktopPlayerSubBar-module__open___Q1a1S {
    background-color: var(--es-color-action-ghost-hovered);
}

.src-mainapp-player-components-DesktopPlayerSubBar-___DesktopPlayerSubBar-module__stemsButton___GhjUA::after {
    content: '\25BE';
}

.src-mainapp-player-components-DesktopPlayerSubBar-___DesktopPlayerSubBar-module__stemsButton___GhjUA.src-mainapp-player-components-DesktopPlayerSubBar-___DesktopPlayerSubBar-module__open___Q1a1S::after {
    transform: rotate(180deg);
}

.src-mainapp-player-components-DesktopPlayerSubBar-___DesktopPlayerSubBar-module__stemOption___zvdd3 {
    min-width: 200px;
    font-family: 'Epidemic';
}

.src-mainapp-player-components-DesktopPlayerSubBar-___DesktopPlayerSubBar-module__stemOption___zvdd3 label {
    padding: 8px 0;
}

.src-mainapp-player-components-DesktopPlayerSubBar-___SubBarButton-module__subBarButton___8LW21 {
    box-sizing: border-box;
    min-height: 32px;
    font-size: 12px;
}

.src-mainapp-player-components-___PlayerUI-module__container___PdYAw {
    display: flex;
    flex-direction: column;
    animation: src-mainapp-player-components-___PlayerUI-module__fadein___nQ64- 300ms ease-in-out;
}

@keyframes src-mainapp-player-components-___PlayerUI-module__fadein___nQ64- {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.src-mainapp-player-components-___PlayerErrorBoundary-module__container___zpEKP {
    border-top: 4px solid var(--es-color-border-negative);
    display: flex;
    flex-direction: column;
    left: 0;
    bottom: 0;
    right: 0;
    position: fixed;
    z-index: 1000;
    animation: src-mainapp-player-components-___PlayerErrorBoundary-module__fadein___ASrQn 300ms ease-in-out;
}

.src-mainapp-player-components-___PlayerErrorBoundary-module__content___rQ43q {
    height: 73px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--es-color-background-base);
}

@keyframes src-mainapp-player-components-___PlayerErrorBoundary-module__fadein___ASrQn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Please don't add overflow properties to any
   root elements as they will break sticky children. */

html,
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: var(--es-text-font-family);
}

body {
    background-color: var(--es-color-background-base);
}

a {
    -webkit-text-decoration: none;
    text-decoration: none;
}

.src-mainapp-___Root-module__root___KxDZs {
    color: var(--es-color-text-primary);
}

.src-mainapp-___Root-module__main___buIBH {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    position: relative;
    min-height: 100vh;
    width: 100%;
}

.src-mainapp-waveform-___handles-module__containerStyles___nfd8K {
    --es-handles-border-width: 0.125rem;
    --start-percentage: translateX(var(--es-handles-start));
    --end-percentage: translateX(var(--es-handles-end));
    --borders-scale: scaleX(calc(var(--es-handles-end) - var(--es-handles-start)));
    --overlay-start-scale: scaleX(var(--es-handles-start));
    --overlay-end-scale: scaleX(calc(100% - var(--es-handles-end)));

    position: relative;
    box-sizing: border-box;

    min-height: 1rem;
}

.src-mainapp-waveform-___handles-module__containerStyles___nfd8K  > * {
        border-radius: inherit;
    }

.src-mainapp-waveform-___handles-module__handlesContainer___Q9SK1 {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;

    height: 100%;
    width: 100%;

    overflow: hidden;
}

.src-mainapp-waveform-___handles-module__isSelected___1Nd92 {
    visibility: hidden;
}

.src-mainapp-waveform-___handles-module__handlesContainerDragging___k\+RDV {
    pointer-events: all;
    cursor: col-resize;
}

.src-mainapp-waveform-___handles-module__handle___9WZFQ {
    position: absolute;
    left: 0px;

    border: 0px solid currentColor;

    width: 100%;
    height: 100%;

    z-index: 2;

    cursor: col-resize;
    pointer-events: none;
}

.src-mainapp-waveform-___handles-module__handle___9WZFQ:after {
        content: '';

        position: absolute;
        pointer-events: all;

        height: 16px;
        width: 2px;

        background: var(--es-color-icon-light-static);
        box-sizing: border-box;

        /* stylelint-disable-next-line color-no-hex */
        box-shadow: 0 0 0 1px #00000052;

        top: 50%;
        transform: translate(-50%, -50%);

        z-index: 3;
    }

.src-mainapp-waveform-___handles-module__handle___9WZFQ:before {
        content: '';

        position: absolute;
        pointer-events: all;

        height: 100%;
        width: 1.5rem;
        transform: translateX(-50%);

        z-index: 3;
    }

.src-mainapp-waveform-___handles-module__handleLeft___0H2E3:after,.src-mainapp-waveform-___handles-module__handleLeft___0H2E3:before {
        left: calc(var(--handle-size) / 2);
    }

.src-mainapp-waveform-___handles-module__handleRight___qzWPT:after,.src-mainapp-waveform-___handles-module__handleRight___qzWPT:before {
        right: calc((var(--handle-size) / 2) - 2px);
    }

.src-mainapp-waveform-___TopSegment-module__container___XtKQK {
    display: flex;
    height: 100%;
    align-items: center;

    container-type: inline-size;
}

.src-mainapp-waveform-___TopSegment-module__segment___fO5Ii {
    padding-bottom: 0;
    border-bottom: 0.625rem solid transparent; /* adds a bit of extra room for cursor to trigger the hover effect */
    box-sizing: content-box;
    height: 0.25rem;
    z-index: 1000;
    pointer-events: all;
}

.src-mainapp-waveform-___TopSegment-module__segment___fO5Ii  > * {
        opacity: 0;
    }

.src-mainapp-waveform-___TopSegment-module__segment___fO5Ii:hover,
.src-mainapp-waveform-___TopSegment-module__isExpanded___yjH82 {
    height: 1rem;
    transition: height 0.15s ease-in-out;
}

:is(.src-mainapp-waveform-___TopSegment-module__segment___fO5Ii:hover,.src-mainapp-waveform-___TopSegment-module__isExpanded___yjH82)  > * {
        transition: opacity 0.1s ease-in-out;
        opacity: 1;
    }

.src-mainapp-waveform-___TopSegment-module__closeIcon___8oSZd {
    fill: var(--es-color-icon-inverse);
}

.src-mainapp-waveform-___TopSegment-module__closeButton___-AOZu {
    width: 1rem;
    height: 1rem;
    min-width: initial;
    min-height: initial;
    z-index: 1001;
}

.src-mainapp-waveform-___TopSegment-module__label___QX8DT {
    flex-grow: 1;
    font-size: 10px;
    font-weight: 500;
}

.src-mainapp-waveform-___TopSegment-module__avoidIcon___qLSq4 {
    background: #fff;
}

.src-mainapp-waveform-___TopSegment-module__labelWrapper___k-tDZ {
    display: none;
}

@container (width > 50px) {
    .src-mainapp-waveform-___TopSegment-module__labelWrapper___k-tDZ {
        display: inline-block;
        padding: 0 2px;
    }
}

.src-mainapp-waveform-___TopSegment-module__avoidLabelWrapper___IpFD7 {
    background: #fff;
}

.src-mainapp-waveform-___SelectionHint-module__container___rK-q7 {
    width: 100%;
    height: 100%;
    z-index: 100;
    position: absolute;
    --hint-width: 230px;
    --icon-size: 16px;
}

.src-mainapp-waveform-___SelectionHint-module__selectionHint___rhtj9 {
    background: #2c407280;
    position: relative;
    height: 100%;
    width: var(--hint-width);
    animation: src-mainapp-waveform-___SelectionHint-module__selectionHintAnimation___wbner 5s infinite;
    left: calc(50% - (var(--hint-width) / 2));
}

.src-mainapp-waveform-___SelectionHint-module__text___0ncoJ {
    line-height: 1.5;
    text-align: center;
    text-wrap: balance;
    animation: src-mainapp-waveform-___SelectionHint-module__textAnimation___3peyZ 5s infinite;
    display: block;
    height: 100%;
    overflow: hidden;
    padding: 0.8rem 1.5rem;
    width: var(--hint-width);
}

.src-mainapp-waveform-___SelectionHint-module__dragIcon___63WYm {
    right: calc(var(--icon-size) / 2 * -1);
    position: absolute;
    top: calc(50% - ((var(--icon-size)) / 2));
}

@keyframes src-mainapp-waveform-___SelectionHint-module__textAnimation___3peyZ {
    0% {
        opacity: 0;
        transform: translateX(-10px);
    }

    14% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes src-mainapp-waveform-___SelectionHint-module__selectionHintAnimation___wbner {
    0% {
        width: 50px;
    }

    14% {
        width: 230px;
    }

    86% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.src-mainapp-waveform-markers-___TimeMarkers-module__markers___aHXW0 {
    position: absolute;
    display: flex;
    /* justify-content: space-between; */
    top: -1.75rem;
    width: 100%;
    /* background-color: hotpink; */
    -webkit-user-select: none;
            user-select: none;
}

.src-mainapp-waveform-markers-___TimeMarkers-module__markerContainer___0V1Zx {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 0.5rem;
    margin-top: 1rem;
    border-left: 1px solid var(--es-color-border-secondary);
    box-sizing: border-box;
}

.src-mainapp-waveform-markers-___TimeMarkers-module__markerLabel___levvV {
    position: absolute;
    top: -1rem;
    transform: translateX(-50%);
    pointer-events: none;
}

.src-mainapp-track-edits-components-___TrackEditsCreateTrackRow-module__trackRow___QwBau {
    grid-template-columns: 56px 1fr auto;
    display: grid;
    gap: 1rem;
    width: 100%;
    height: 100%;
    align-items: center;
    border-radius: var(--es-radius-medium);
    padding: 0 1rem;
    margin: 0;
}

.src-mainapp-track-edits-components-___TrackEditsCreateTrackRow-module__trackRow___QwBau button {
    cursor: pointer;
}

.src-mainapp-segments-___Segments-module__baseSegment___Sdnmm {
    background-color: var(--es-color-action-secondary);
    position: absolute;
    height: 100%;
    top: 0;
    cursor: pointer;
    overflow: hidden;
}

.src-mainapp-segments-___Segments-module__baseSegment___Sdnmm:not(:first-child) {
    margin-left: var(--es-i-segment-gap, 0px);
}

.src-mainapp-segments-___Segments-module__baseSegment___Sdnmm.src-mainapp-segments-___Segments-module__cutsOverlay___xJ4pm {
    width: 12px;
    height: 54px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='54' viewBox='0 0 12 54' fill='none'%3E%3Cpath d='M8.44238 3L3.46283 6L8.44238 9L3.46283 12L8.44238 15L3.46283 18L8.44238 21L3.46283 24L8.44238 27L3.46283 30L8.44239 33L3.46284 36L8.44239 39L3.46284 42L8.44239 45L3.46284 48L8.44239 51' stroke='%23212428' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.44238 3L3.46283 6L8.44238 9L3.46283 12L8.44238 15L3.46283 18L8.44238 21L3.46283 24L8.44238 27L3.46283 30L8.44239 33L3.46284 36L8.44239 39L3.46284 42L8.44239 45L3.46284 48L8.44239 51' stroke='white' stroke-width='0.8'/%3E%3C/svg%3E");
    z-index: 2;
}

.src-mainapp-track-edits-components-___TrackEditsTrackRow-module__trackRow___VKSD- {
    grid-template-columns: 56px 8rem 1fr 3rem;
    gap: 1rem;
    padding-right: 0.5rem;
}

.src-mainapp-track-edits-components-___TrackEditsTrackRow-module__title___ykZj7 {
    display: flex;
    flex-direction: column;
}

.src-mainapp-track-edits-components-___TrackEditsTrackRow-module__versionTitle___sOQGV {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.src-mainapp-track-edits-components-___TrackEditsTrackRow-module__playhead___zOlbB {
    height: 100%;
}

.src-mainapp-track-edits-components-___TrackEditsTrackRow-module__cutSegments___dcLR0 {
    height: 100%;
    justify-content: center;
}

.src-mainapp-track-edits-components-___TrackEditsContainer-module__container___lnumz {
    display: flex;
    bottom: 0;
    width: 100%;
    z-index: 11; /* Ensure it is above player */
    position: absolute;
    max-width: initial;
    min-height: 90vh;
    background: var(--es-color-background-base);
}

.src-mainapp-track-edits-components-___TrackEditsContainer-module__wrapper___Jrugq {
    position: relative;
    flex-grow: 1;
}

.src-mainapp-track-edits-components-___TrackEditsContainer-module__close___CESnE {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
    z-index: 12;
}

.src-mainapp-stems-components-StemsMainWaveform-___StemsMainWaveform-module__wrapper___ujuqh {
    position: relative;
    margin-left: 2px;
    height: 100%;
}

.src-mainapp-stems-components-StemsMainWaveform-___StemsMainWaveform-module__waveform___fGDKw {
    padding: 8px 0;
}

.src-mainapp-stems-components-AudioPlayhead-___AudioPlayhead-module__audioPlayhead___Qk4oF {
    position: absolute;
    border-right: 1px solid var(--es-color-border-primary);
    height: calc(100% + 2px);
    bottom: 0;
    left: 0; /* Playhead position is dynamically updated through an inline style-prop */
    z-index: 2147483647;
}

.src-mainapp-stems-components-AudioPlayhead-___AudioPlayhead-module__tip___vr2UK {
    position: absolute;
    transform: translate(calc(-46%), -80%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;

    border-top: 8px solid var(--es-color-border-primary);
}
.src-mainapp-stems-components-AudioPlayhead-___AudioPlayhead-module__currentTime___O3N\+3 {
    font: monospace;
    position: absolute;
    font-size: x-small;
    top: -20px;
    left: -10px;
}

.src-mainapp-stems-components-StemChannel-___StemChannel-module__stemChannel___VD6XB {
    display: flex;
    margin-bottom: 2px;
    opacity: 0;
    animation: src-mainapp-stems-components-StemChannel-___StemChannel-module__appear___zFphV 0.5s forwards;
    -webkit-user-select: none;
            user-select: none;
}

.src-mainapp-stems-components-StemChannel-___StemChannel-module__stemChannelLoading___uf6CC {
    display: flex;
    align-items: center;
    margin-bottom: 2px;
}

.src-mainapp-stems-components-StemChannel-___StemChannel-module__stemControlsWrapper___6\+rma {
    display: flex;
    background-color: var(--es-color-background-surface);
}

.src-mainapp-stems-components-StemChannel-___StemChannel-module__indicatorLight___dUqMt {
    margin: 0.75rem 0.5rem 0 1rem;
    width: 0.75rem;
    height: 0.75rem;
}

.src-mainapp-stems-components-StemChannel-___StemChannel-module__stemControls___9Hwn3 {
    flex-grow: 1;
}
.src-mainapp-stems-components-StemChannel-___StemChannel-module__stemControlsTop___oxNR8 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 0.25rem 0;
}

.src-mainapp-stems-components-StemChannel-___StemChannel-module__stemControlsBottom___KJnCk {
    display: flex;
    width: 100%;
    padding: 0 0 0.75rem;
    padding-right: 1rem;
}

.src-mainapp-stems-components-StemChannel-___StemChannel-module__stemControlsBottom___KJnCk button {
    width: 1rem;
    height: 1rem;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background-color: #cfd6e529;
    color: var(--es-text-color-secondary);
    font-weight: 600;
    cursor: pointer;
}

.src-mainapp-stems-components-StemChannel-___StemChannel-module__stemControlsBottom___KJnCk button:first-of-type {
    margin-right: 0.25rem;
}

.src-mainapp-stems-components-StemChannel-___StemChannel-module__stemControlsBottom___KJnCk .src-mainapp-stems-components-StemChannel-___StemChannel-module__muted___8R3qh {
    background-color: var(--es-color-background-negative);
    color: var(--es-color-text-inverse) !important;
}

.src-mainapp-stems-components-StemChannel-___StemChannel-module__stemControlsBottom___KJnCk .src-mainapp-stems-components-StemChannel-___StemChannel-module__solo___F2YeG {
    background-color: var(--es-color-icon-primary);
    color: var(--es-color-text-inverse) !important;
}

.src-mainapp-stems-components-StemChannel-___StemChannel-module__stemControlsBottom___KJnCk .src-mainapp-stems-components-StemChannel-___StemChannel-module__volumeSlider___RqsF\+ {
    width: 100%;
    margin-left: 1rem;
}

.src-mainapp-stems-components-StemChannel-___StemChannel-module__stemTitle___dvMFi {
    font-weight: 600;
}

.src-mainapp-stems-components-StemChannel-___StemChannel-module__toggleFxButton___7W4Is {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--es-color-background-transparent);
    border: none;
    width: 2rem;
    height: 2rem;
    margin-right: 10px;
    cursor: pointer;
}
.src-mainapp-stems-components-StemChannel-___StemChannel-module__toggleFxButton___7W4Is:hover {
    background-color: var(--es-color-action-ghost-hovered);
}
.src-mainapp-stems-components-StemChannel-___StemChannel-module__toggleFxButton___7W4Is:active {
    background-color: var(--es-color-action-ghost-pressed);
}

.src-mainapp-stems-components-StemChannel-___StemChannel-module__toggleFxButton___7W4Is > svg {
    width: 1.25rem;
    height: 1.25rem;
}

.src-mainapp-stems-components-StemChannel-___StemChannel-module__stemWaveform___qtx8q {
    width: 100%;
    display: flex;
}
.src-mainapp-stems-components-StemChannel-___StemChannel-module__stemWaveform___qtx8q.src-mainapp-stems-components-StemChannel-___StemChannel-module__isLoading___Fe4fs {
    background: var(--es-color-background-surface);
    margin-left: 2px;
}

.src-mainapp-stems-components-StemChannel-___StemChannel-module__foldOutAnimationContainer___QExsd {
    transition: max-height 0.3s ease-in-out;
    overflow: hidden;
}

.src-mainapp-stems-components-StemChannel-___StemChannel-module__foldOutWrapper___aUpYX {
    display: flex;
    margin-top: 2px;
    padding-bottom: 1rem;
    flex-wrap: wrap;
}

.src-mainapp-stems-components-StemChannel-___StemChannel-module__effectBox___VrxAm {
    margin-left: 2px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    -webkit-user-select: none;
            user-select: none;
}

.src-mainapp-stems-components-StemChannel-___StemChannel-module__effectBox___VrxAm:first-of-type {
    margin-left: 0px;
    flex-grow: 0;
}

.src-mainapp-stems-components-StemChannel-___StemChannel-module__effectTop___VohEH {
    display: flex;
    justify-content: space-between;
    background-color: #2b354e;
    padding: 1rem;
}
.src-mainapp-stems-components-StemChannel-___StemChannel-module__effectTitle___ZpSdP {
    font-weight: 500;
}
.src-mainapp-stems-components-StemChannel-___StemChannel-module__effectContent___pvLYn {
    background-color: #1f2433;
    padding: 1rem;
    flex-grow: 1;
}

.src-mainapp-stems-components-StemChannel-___StemChannel-module__isLoading___Fe4fs {
    display: flex;
    align-items: center;
    margin-bottom: 2px;
    animation: src-mainapp-stems-components-StemChannel-___StemChannel-module__pulse___Qeism 1s infinite;
}

@keyframes src-mainapp-stems-components-StemChannel-___StemChannel-module__appear___zFphV {
    to {
        opacity: 1;
    }
}
@keyframes src-mainapp-stems-components-StemChannel-___StemChannel-module__pulse___Qeism {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.src-mainapp-stems-components-StemWaveform-___StemWaveform-module__wrapper___YCI9v {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 2px;
    background-color: var(--es-color-background-surface);
}

.src-mainapp-stems-components-StemWaveform-___StemWaveform-module__segments___kMoWb {
    height: 68px;
}

.src-mainapp-stems-components-StemWaveform-___StemWaveform-module__inaudibleShade___RNgYx {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background-color: var(--es-color-background-backdrop);
    z-index: 2140000000; /* Lower index than AudioPlayhead but higher than waveform canvas */
}

.src-mainapp-stems-components-StemWaveform-___StemWaveform-module__waveform___Tw5uH {
    padding: 8px 0;
}

.src-mainapp-stems-components-RotaryKnob-___RotaryKnob-module__knobContainer___joGet {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100px;
    margin: 10px;
}

.src-mainapp-stems-components-RotaryKnob-___RotaryKnob-module__knobLabel___XUCHg {
    position: relative;
    left: -2px;
    -webkit-user-select: none;
            user-select: none;
    margin-bottom: 10px;
    font-size: 10px;
    font-weight: 500;
    color: var(--es-text-color-secondary);
}

.src-mainapp-stems-components-RotaryKnob-___RotaryKnob-module__knobs___50lam {
    position: relative;
    width: 52px;
    height: 52px;
    aspect-ratio: 1;
}

.src-mainapp-stems-components-RotaryKnob-___RotaryKnob-module__knob___kyXVN {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.src-mainapp-stems-components-RotaryKnob-___RotaryKnob-module__outerKnob___kAASb {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    border: 2px solid #6c707c;
    --mask: linear-gradient(var(--es-color-input-active-default), var(--es-color-input-active-default))
            padding-box,
        conic-gradient(var(--es-color-input-active-default) 75%, transparent 0%) border-box;
    -webkit-mask: var(--mask);
            mask: var(--mask);
    transform: rotate(-135deg);
}
.src-mainapp-stems-components-RotaryKnob-___RotaryKnob-module__innerKnobProgress___4BYR1 {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    border: 2px solid var(--es-color-input-active-default);
    --mask: linear-gradient(var(--es-color-input-active-default), var(--es-color-input-active-default))
            padding-box,
        conic-gradient(var(--es-color-input-active-default) var(--p, 0%), transparent 0%) border-box;
    -webkit-mask: var(--mask);
            mask: var(--mask);
    --p: 0%;
    --rotation: 0deg;
    transform: rotate(var(--rotation));
}
.src-mainapp-stems-components-RotaryKnob-___RotaryKnob-module__knobBackground___yTO\+V {
    background: var(--es-color-action-primary);
    border-radius: 50%;
    width: 46px;
    height: 46px;
}

.src-mainapp-stems-components-RotaryKnob-___RotaryKnob-module__knobIndicator___Jvn8q {
    width: 2px;
    height: 25px; /* Adjusted height to reach the edge of the circle */
    background: var(--es-color-input-active-default);
    position: absolute;
    top: 0; /* Position at the top */
    left: 50%;
    transform-origin: bottom center;
    transform: translateX(-50%);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.src-mainapp-stems-components-RotaryKnob-___RotaryKnob-module__knobValue___vGhWi {
    -webkit-user-select: none;
            user-select: none;
    margin-top: 10px;
    font-size: 10px;
    color: var(--es-text-color-secondary);
}

.src-mainapp-stems-___Stems-module__container___Hx4qz {
    padding: 2rem;
    background-color: var(--es-color-background-base);
    flex-grow: 1;
    height: 100vh;
    overflow-y: auto;
}

.src-mainapp-stems-___Stems-module__stemsIcon___7MbAb {
    position: absolute;
    left: 0;
    top: 0;
}

.src-mainapp-stems-___Stems-module__drawerTitleWrapper___Rj-Dz {
    position: relative;
    padding-left: 2rem;
}

.src-mainapp-stems-___Stems-module__section___hC2Wh {
    margin-bottom: 2px;
}

.src-mainapp-stems-___Stems-module__sectionTitle___3AxrT {
    color: var(--es-color-text-primary);
    font-family: Inter;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5rem;
}

.src-mainapp-stems-___Stems-module__title___GCoUW {
    margin-bottom: 2.5rem;
    font-weight: 600;
}

.src-mainapp-stems-___Stems-module__trackWrapper___o1Lb4 {
    display: flex;
}

.src-mainapp-stems-___Stems-module__trackWrapper___o1Lb4:hover .src-mainapp-stems-___Stems-module__playButtonWrapper___lP-gA img {
    visibility: hidden;
}

.src-mainapp-stems-___Stems-module__trackMeta___Nl0fO {
    margin-left: 1rem;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.src-mainapp-stems-___Stems-module__trackInfo___Czs-W {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
    background-color: var(--es-color-background-surface);
    height: 82px;
}

.src-mainapp-stems-___Stems-module__trackTitle___6cz3k {
    margin-bottom: 0px;
    font-weight: 600;
    width: 140px;
}

.src-mainapp-stems-___Stems-module__artist___g6LXm {
    width: 140px;
}

.src-mainapp-stems-___Stems-module__truncate___EP4J6 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.src-mainapp-stems-___Stems-module__mainWaveformWraper___g8H7R {
    width: 100%;
}

.src-mainapp-stems-___Stems-module__mainEffectsWrapper___6ponS {
    display: flex;
    margin-top: 2px;
    padding-bottom: 1rem;
    flex-wrap: wrap;
}

.src-mainapp-stems-___Stems-module__drawerTitleWrapper___Rj-Dz {
    position: relative;
    padding-left: 2rem;
}

.src-mainapp-stems-___Stems-module__playButton___ly9d8 {
    width: 3.5rem;
    height: 3.5rem;
    margin-left: 1rem;
}
.src-mainapp-stems-___Stems-module__downloadSection___xDVvk {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

.src-mainapp-stems-components-StemsContainer-___StemsContainer-module__container___2MDT6 {
    bottom: 0;
    width: 100%;
    z-index: 11; /* Ensure it is above player */
    position: absolute;
    max-width: initial;
    min-height: 100vh;
    display: flex;
}

.src-mainapp-stems-components-StemsContainer-___StemsContainer-module__wrapper___DzaJP {
    position: relative;
    flex-grow: 1;
    background: var(--es-color-background-elevation);
    display: flex;
    flex-direction: column;
}

.src-mainapp-stems-components-StemsContainer-___StemsContainer-module__close___uM5ek {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
    z-index: 12;
}

.src-mainapp-___PlaylistDownload-module__toastContainer___-gEv9.src-mainapp-___PlaylistDownload-module__playerIsOpen___G9r\+l > div,
.src-mainapp-___PlaylistDownload-module__toastContainer___-gEv9.src-mainapp-___PlaylistDownload-module__emailBarIsVisible___qvYJz > div {
    transform: translateY(-5rem);
}

.src-mainapp-___PlaylistDownload-module__toastContainer___-gEv9.src-mainapp-___PlaylistDownload-module__emailBarIsVisible___qvYJz.src-mainapp-___PlaylistDownload-module__playerIsOpen___G9r\+l > div,
.src-mainapp-___PlaylistDownload-module__toastContainer___-gEv9.src-mainapp-___PlaylistDownload-module__emailBarIsVisible___qvYJz.src-mainapp-___PlaylistDownload-module__emailErorrBarIsVisible___y6\+3L > div {
    transform: translateY(-10rem);
}

.src-mainapp-___PlaylistDownload-module__toastContainer___-gEv9.src-mainapp-___PlaylistDownload-module__emailBarIsVisible___qvYJz.src-mainapp-___PlaylistDownload-module__emailErorrBarIsVisible___y6\+3L.src-mainapp-___PlaylistDownload-module__playerIsOpen___G9r\+l > div {
    transform: translateY(-15rem);
}

.src-mainapp-subscriptions-components-modals-___ReactivateExpiredSubscriptionModal-module__modalContent___CVSS0 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.src-mainapp-subscriptions-components-modals-___ReactivateExpiredSubscriptionModal-module__action___0g741 {
    width: 100%;
}

.src-mainapp-subscriptions-components-modals-___ReactivateExpiredSubscriptionModal-module__secondaryAction___LDQlV {
    width: 100%;
}

@media (min-width: calc(30rem + 1px)) {
    .src-mainapp-subscriptions-components-modals-___ReactivateExpiredSubscriptionModal-module__secondaryAction___LDQlV {
        margin-right: 0;
        width: auto;
    }

    .src-mainapp-subscriptions-components-modals-___ReactivateExpiredSubscriptionModal-module__action___0g741 {
        width: auto;
    }
}

.src-mainapp-modals-UPIMandateModal-___UPIAutopayActiveMandateModal-module__modal___\+Fh5e {
    width: 28.5rem;
}

.src-mainapp-modals-UPIMandateModal-___UPIAutopayActiveMandateModal-module__modalContent___qhPtw {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.src-mainapp-modals-UPIMandateModal-___UPIAutopayActiveMandateModal-module__title___CrvYc {
    padding-bottom: 1rem;
}

.src-mainapp-modals-UPIMandateModal-___UPIAutopayActiveMandateModal-module__upiApprovalStep___erFPh {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

.src-mainapp-modals-UPIMandateModal-___UPIAutopayActiveMandateModal-module__upiApprovalStepIcon___4Agh2 {
    margin: 0.5rem;
}

.src-mainapp-modals-UPIMandateModal-___UPIAutopayActiveMandateModal-module__upiApprovalStepTextSection___Slpm\+ {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.src-mainapp-modals-UPIMandateModal-___UPIAutopayActiveMandateModal-module__upiApprovalStepTimer___KhDDe {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding-top: 1rem;
    padding-left: 2.75rem;
    gap: 0.5rem;
}

.src-mainapp-modals-UPIMandateModal-___UPIAutopayActiveMandateModal-module__timerText___3CFWh p {
    color: var(--text-secondary);
}

.src-mainapp-payments-components-UPIAutopayModal-___UPIAutopayModal-module__modal___yz77O {
    width: 28.5rem;
}

.src-mainapp-payments-components-UPIAutopayModal-___UPIAutopayModal-module__modalContent___SX4bG {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.src-mainapp-payments-components-UPIAutopayModal-___UPIAutopayModal-module__title___stA\+- {
    padding-bottom: 1rem;
}

.src-mainapp-payments-components-UPIAutopayModal-___UPIAutopayModal-module__spinner___g5oyW {
    justify-content: flex-start;
}

.src-mainapp-payments-components-UPIAutopayModal-___UPIAutopayModal-module__upiApprovalStep___sSP4R {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

.src-mainapp-payments-components-UPIAutopayModal-___UPIAutopayModal-module__upiApprovalStepIcon___LiRXt {
    margin: 0.5rem;
}

.src-mainapp-payments-components-UPIAutopayModal-___UPIAutopayModal-module__upiApprovalStepTextSection___gtQMB {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.src-mainapp-payments-components-UPIAutopayModal-___UPIAutopayModal-module__upiApprovalStepTimer___4J8sX {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding-top: 1rem;
    padding-left: 2.75rem;
    gap: 0.5rem;
}

.src-mainapp-payments-components-UPIAutopayModal-___UPIAutopayModal-module__timerText___YwGEL p {
    color: var(--text-secondary);
}


/*# sourceMappingURL=mainapp.css.map*/