.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__loadingWrapper___CYce3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 2rem;
    width: 100%;
}

div .src-mainapp-notifications-___Notifications__offset___mr-ea {
    bottom: 5.8rem;
}

div .src-mainapp-notifications-___Notifications__offset___mr-ea.src-mainapp-notifications-___Notifications__isMusic___8oJaC {
    /** Plus 3rem subbar. */
    bottom: 8.8rem;
}

.src-mainapp-notifications-___Notifications__toast___jDdz\+ {
    z-index: 2000;
}

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

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

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



.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 {
    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: 22rem) {
    .src-mainapp-SignedOutNav-___MenuButton-module__button___UVzol {
        margin-left: 0.25rem;
    }
}

@media (min-width: 60rem) {
    .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-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: 60rem) {
    .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;
    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);
    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: 30rem) {
    .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: 640px) {
    .src-mainapp-SignedOutNav-___FullscreenMenu-module__addedPadding___qc51E {
        padding-bottom: 3rem;
    }
}

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

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

.src-mainapp-early-access-final-cut-___FinalCutDownloadModal__link___txERq {
    text-decoration: underline;
}

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

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

.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;
}

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

.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-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__navIcons___HtRcF {
    padding: 0.125rem 0 0 0.4rem;
}

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

.src-mainapp-SignedInNav-___NavLink-module__container___GS6Ki:hover .src-mainapp-SignedInNav-___NavLink-module__navIcons___HtRcF path {
    fill: 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: 60rem) {
    .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;
    height: 100%;
}

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

.src-mainapp-SignedInNav-___SignedInNav-module__wrapper___jlLtm {
    place-items: center;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

@media screen and (min-width: 30rem) {
    .src-mainapp-SignedInNav-___SignedInNav-module__wrapper___jlLtm {
        grid-template-columns: 3fr 10fr 3fr;
    }
}

.src-mainapp-SignedInNav-___SignedInNav-module__wrapper___jlLtm :first-child {
    justify-self: start;
}

.src-mainapp-SignedInNav-___SignedInNav-module__wrapper___jlLtm :last-child {
    justify-self: end;
}

.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__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-___Nav-module__navAndTopBannerContainer___JDYEW {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
}

.src-mainapp-components-___Main__container___4KuFr {
    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 {
    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__miscSectionLink___8CEIZ {
        color: inherit;
    }

    .src-mainapp-components-Footer-components-___MiscSection-module__miscSectionLink___8CEIZ:hover {
        text-decoration: underline;
    }

    .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__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 {
    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: 30rem) {
    .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: 60rem) {
    .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__pageWrapper___tHADZ {
    height: 80vh;
    display: flex;
}

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

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

.src-mainapp-pages-___Error__bodyText___WmJ1H {
    margin: 0;
}

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

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

@media (min-width: 30rem) {
    .src-mainapp-pages-___Error__pageWrapper___tHADZ {
        height: 100vh;
    }

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

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

    .src-mainapp-pages-___Error__buttonWrapper___IkD-c > *: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__featuredTrack___nQmiE {
    max-width: 100%;
    max-height: 100%;
    text-align: center;
    position: relative;
}

.src-mainapp-subscriptions-components-___FeaturedTrack__trackArt___ovoSc {
    max-width: 100%;
    max-height: 100%;
}

.src-mainapp-subscriptions-components-___FeaturedTrack__trackArt___ovoSc.src-mainapp-subscriptions-components-___FeaturedTrack__playing___mkMo- {
    filter: grayscale(100%);
}

.src-mainapp-subscriptions-components-___FeaturedTrack__trackArt___ovoSc:hover {
    filter: grayscale(100%);
}

.src-mainapp-subscriptions-components-___FeaturedTrack__playingOverlay___0nALS {
    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: 60rem) {
    .src-mainapp-subscriptions-components-___FeaturedTrack__playingOverlay___0nALS:hover {
        opacity: 1;
    }
}

.src-mainapp-pages-NotFound-___NotFound__notFoundHeading___7ycyl {
    font-size: 6rem;
    margin: 0;
}
.src-mainapp-pages-NotFound-___NotFound__desktopWrapper___cehnV {
    min-height: inherit;
    padding-top: 8rem;
}

.src-mainapp-pages-NotFound-___NotFound__mobileWrapper___DiYjE {
    text-align: center;
    padding-top: 1rem;
}

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

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

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

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

@media only screen and (max-width: 30rem) {
    .src-mainapp-pages-NotFound-___NotFound__albumWrapper___EB14S {
        margin-top: 0;
        margin: auto;
        max-width: 200px;
    }
    .src-mainapp-pages-NotFound-___NotFound__notFoundHeading___7ycyl {
        font-size: 2.5rem;
        margin-bottom: 2rem;
    }
}

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

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

@media (min-width: 60rem) {
    .src-mainapp-subscriptions-components-___ImageSideWrapper__imageWrapper___zLqdB {
        display: block;
    }
}

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

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

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

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

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

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

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

.src-mainapp-pages-invitations-___InvitationLandingPage__footer___Yo\+5E {
    max-width: 200px;
    margin-top: auto;
}

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

.src-mainapp-pages-invitations-___InvitationLandingPage__errorMessageContainer___VY-2I {
    margin-top: 1.5rem;
}

@media (max-width: 60rem) {
    .src-mainapp-pages-invitations-___InvitationLandingPage__emailBarVisible___\+XZ82 {
        margin-bottom: 2.5rem;
    }
}

@media (min-width: 60rem) {
    .src-mainapp-pages-invitations-___InvitationLandingPage__content___BvDXo {
        padding: 0 4rem;
    }

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

    .src-mainapp-pages-invitations-___InvitationLandingPage__image___RMOpm {
        height: 100%;
        max-height: 100%;
        width: 100%;
        object-fit: cover;
    }
}

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

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

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

.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-___OnboardingModal__modalContent___8VYm5 {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.src-mainapp-onboarding-wizard-___OnboardingModal__rightContainer___lS78O {
    display: flex;
    width: 100%;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.src-mainapp-onboarding-wizard-___OnboardingModal__rightContent___TUN98 {
    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: 30rem) {
    .src-mainapp-onboarding-wizard-___OnboardingModal__modal___niqLd {
        min-width: 57rem;
    }

    .src-mainapp-onboarding-wizard-___OnboardingModal__rightContainer___lS78O {
        flex: 1;
        height: inherit;
    }

    .src-mainapp-onboarding-wizard-___OnboardingModal__modalContent___8VYm5 {
        display: flex;
        flex-direction: column;
        height: 41.875rem;
    }

    .src-mainapp-onboarding-wizard-___OnboardingModal__rightContent___TUN98 {
        padding: 2rem;
        gap: 1.5rem;
    }
}

@media (min-width: 60rem) {
    .src-mainapp-onboarding-wizard-___OnboardingModal__rightContainer___lS78O {
        flex: 1;
        width: 61.62%;
        height: inherit;
    }

    .src-mainapp-onboarding-wizard-___OnboardingModal__modalContent___8VYm5 {
        display: flex;
        flex-direction: row;
        height: 41.875rem;
    }

    .src-mainapp-onboarding-wizard-___OnboardingModal__rightContent___TUN98 {
        padding: 2rem;
        gap: 1.5rem;
    }
}

.src-mainapp-onboarding-wizard-steps-step1-___Step1__wrapper___tE3Dr {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.src-mainapp-onboarding-wizard-steps-step1-___Step1__dividerContainer___-tAbs {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
}

.src-mainapp-onboarding-wizard-steps-step1-___Step1__dividerContainer___-tAbs > span {
    color: var(--es-color-text-secondary);
}

.src-mainapp-onboarding-wizard-steps-step1-___Step1__accordionGroup___OcgiD {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.src-mainapp-onboarding-wizard-steps-step1-___Step1__accordionList___EZDB4 {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

.src-mainapp-onboarding-wizard-steps-step1-___Step1__divider___3FGWH {
    margin: 1rem auto;
    border: none;
    width: 90%;
    border-top: 1px solid var(--es-color-border-tertiary);
}

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

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

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___PillSelector__pillSelector___xQEfk {
    border: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;

    legend {
        margin-bottom: 1.5rem;
    }
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___PillSelector__pillButton___wqkCK {
    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-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___PillSelector__pillButton___wqkCK: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-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___PillSelector__pillButton___wqkCK > input {
    -webkit-appearance: none;
            appearance: none;
    display: none;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___PillSelector__pillButton___wqkCK:hover {
    background-color: var(--es-color-action-secondary-hovered);
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___PillSelector__pillButton___wqkCK:has(input[type='radio']:active) {
    background-color: var(--es-color-action-secondary-hovered);
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___PillSelector__pillButton___wqkCK: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-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___PillSelector__pillButton___wqkCK: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-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___PillSelector__pillButton___wqkCK:has(input[type='checkbox']:checked) {
    background-color: var(--es-color-action-primary);
    color: var(--es-color-text-inverse);
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___PillSelector__selected___5PdaZ {
    background-color: var(--es-color-action-primary);
    color: var(--es-color-text-inverse);
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___PillSelector__selected___5PdaZ:hover {
    background-color: var(--es-color-action-primary);
    color: var(--es-color-text-inverse);
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___PillSelector__iconContainer___aQ76f {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--es-color-action-secondary);
    padding: 0.75rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___PillSelector__iconContainer___aQ76f.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___PillSelector__rounded___XeJb3 {
    border-radius: 100%;
    padding: 0.5rem;
}

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

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

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

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

.src-mainapp-onboarding-wizard-___SafeListAccordion__accordionOpen___At1\+B {
    background-color: var(--es-color-action-tertiary-pressed);
}

.src-mainapp-onboarding-wizard-___SafeListAccordion__accordionOpen___At1\+B:hover {
    background-color: var(--es-color-action-tertiary-pressed);
}

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

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

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

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

.src-mainapp-onboarding-wizard-___SafeListAccordion__iconContainer___msWOx {
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.src-mainapp-onboarding-wizard-___SafeListAccordion__contentClosed___LaJU\+ {
    grid-template-rows: 0fr;
}

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

.src-mainapp-onboarding-wizard-___SafeListAccordion__contentInner___PwdBQ {
    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__buttonContainer___7CXIX {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.src-mainapp-subscriptions-components-channels-___AccountSelector__buttonContainer___D1nDs {
    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__addPageButton___TY03x {
    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__root___AXUEP {
    align-items: center;
    box-sizing: border-box;
    flex: 1;
    font-size: 1rem;
    max-width: 100%;
    position: relative;
}

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

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

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

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

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

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

.src-mainapp-subscriptions-components-channels-___YoutubeComboBox__itemInfo___UzSir .src-mainapp-subscriptions-components-channels-___YoutubeComboBox__title___McEOf {
    text-overflow: ellipsis;
    line-height: 1.5rem;
    overflow: hidden;
}

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

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

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

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

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

.src-mainapp-subscriptions-components-channels-___PodcastComboBox__channelLink___-6Yj4 {
    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__searchResultImage___yW6O8 {
    height: 4rem;
    margin-right: 1rem;
}

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

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

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

.src-mainapp-subscriptions-components-channels-___SocialMediaCover__channelCover___9g\+xv {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 100%;
}

.src-mainapp-subscriptions-components-channels-___SocialMediaCover__channelCover___9g\+xv.src-mainapp-subscriptions-components-channels-___SocialMediaCover__youtube___8tvZu {
    background-color: var(--es-color-platform-youtube);
}

.src-mainapp-subscriptions-components-channels-___SocialMediaCover__channelCover___9g\+xv.src-mainapp-subscriptions-components-channels-___SocialMediaCover__facebook___BD3Us {
    background-color: var(--es-color-platform-facebook);
}

.src-mainapp-subscriptions-components-channels-___SocialMediaCover__channelCover___9g\+xv.src-mainapp-subscriptions-components-channels-___SocialMediaCover__instagram___vWM6T {
    background: var(--es-color-platform-instagram);
}

.src-mainapp-subscriptions-components-channels-___SocialMediaCover__channelCover___9g\+xv.src-mainapp-subscriptions-components-channels-___SocialMediaCover__instagramUsername___\+QXjf {
    background: var(--es-color-platform-instagram);
}

.src-mainapp-subscriptions-components-channels-___SocialMediaCover__channelCover___9g\+xv.src-mainapp-subscriptions-components-channels-___SocialMediaCover__twitch___OBZix {
    background-color: var(--es-color-platform-twitch);
}

.src-mainapp-subscriptions-components-channels-___SocialMediaCover__channelCover___9g\+xv.src-mainapp-subscriptions-components-channels-___SocialMediaCover__twitchUsername___1qRSf {
    background-color: var(--es-color-platform-twitch);
}

.src-mainapp-subscriptions-components-channels-___SocialMediaCover__channelCover___9g\+xv.src-mainapp-subscriptions-components-channels-___SocialMediaCover__tiktok___qtiT4 {
    background-color: var(--es-color-platform-tiktok);
}

.src-mainapp-subscriptions-components-channels-___SocialMediaCover__channelCover___9g\+xv.src-mainapp-subscriptions-components-channels-___SocialMediaCover__website___oJ-Tq {
    background-color: var(--es-color-platform-website);
}

.src-mainapp-subscriptions-components-channels-___SocialMediaCover__channelCover___9g\+xv.src-mainapp-subscriptions-components-channels-___SocialMediaCover__podcast___nqCsH {
    background-color: var(--es-color-platform-podcast);
}

.src-mainapp-subscriptions-components-channels-___SocialMediaCover__channelCover___9g\+xv.src-mainapp-subscriptions-components-channels-___SocialMediaCover__other___hLWws {
    background-color: var(--es-color-icon-disabled);
}

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

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

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

.src-mainapp-subscriptions-components-channels-___ChannelSelector__socialMediaFieldImageContainer___2qS5y {
    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__socialMediaFieldContainer___ccJba {
    display: flex;
    justify-content: stretch;
}

.src-mainapp-subscriptions-components-channels-___SocialMediaInput__socialMediaFieldImageContainer___eZ9dE {
    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__socialMediaTextField___YYTFv {
    flex-grow: 1;
}

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

    align-items: stretch;
}

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

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

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

.src-mainapp-subscriptions-components-channels-___SocialMediaInput__socialMediaRadioButtonTextSmall___GtH2P {
    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__textInputLikeStyles___TFcRM {
    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__textInputLikeStyles___TFcRM::-moz-focus-inner {
    border: 0;
}

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

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

.src-mainapp-onboarding-wizard-___ImageContainer__imageContainer___NVmYg {
    display: flex;
    flex-direction: column-reverse;
    overflow: hidden;
    background: #363941; /* Color es-color-background-surface from PDS is transparent so using solid color for the test */
}

.src-mainapp-onboarding-wizard-___ImageContainer__imageBannerContainer___yEX9t {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    position: relative;
}

.src-mainapp-onboarding-wizard-___ImageContainer__imageBannerWrapper___oiej5 {
    width: auto;
    min-width: 100%;
    animation: src-mainapp-onboarding-wizard-___ImageContainer__rubberBand___zHRXm 0.6s ease-out forwards;
    --offset: 0px;
}

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

.src-mainapp-onboarding-wizard-___ImageContainer__imageBannerWrapper___oiej5:nth-child(odd) {
    --brick-offset: 0px;
    --animation-offset: var(--offset);
}

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

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

.src-mainapp-onboarding-wizard-___ImageContainer__state1___YccDO {
    --offset: 10px;
}
.src-mainapp-onboarding-wizard-___ImageContainer__state2___OLlgK {
    --offset: -10px;
}
.src-mainapp-onboarding-wizard-___ImageContainer__imageBannerWrapper___oiej5 {
    animation: src-mainapp-onboarding-wizard-___ImageContainer__rubberBand___zHRXm 0.6s ease-out forwards;
}
.src-mainapp-onboarding-wizard-___ImageContainer__imageBannerWrapper___oiej5:nth-child(even) {
    --brick-offset: calc(var(--card-width, 92px) / 2);
    --animation-offset: calc(var(--offset) * -1);
}
.src-mainapp-onboarding-wizard-___ImageContainer__imageBannerWrapper___oiej5:nth-child(odd) {
    --brick-offset: 50px;
    --animation-offset: var(--offset);
}
@keyframes src-mainapp-onboarding-wizard-___ImageContainer__rubberBand___zHRXm {
    0% {
        transform: translateX(var(--brick-offset, 0px));
    }
    30% {
        transform: translateX(calc(var(--brick-offset, 0px) + var(--animation-offset) * 1.1));
    }
    60% {
        transform: translateX(calc(var(--brick-offset, 0px) + var(--animation-offset) * 0.9));
    }
    100% {
        transform: translateX(calc(var(--brick-offset, 0px) + var(--animation-offset)));
    }
}

.src-mainapp-onboarding-wizard-___ImageContainer__imageCard___wiuji {
    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__image___HFwnt {
    width: 100%;
    height: auto;
    align-self: stretch;
    object-fit: contain;
    animation: src-mainapp-onboarding-wizard-___ImageContainer__fadeIn___mUcXx 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out;
}

.src-mainapp-onboarding-wizard-___ImageContainer__textContainer___DDgBX {
    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__textContainer___DDgBX.src-mainapp-onboarding-wizard-___ImageContainer__hasSubtitle___GvOYj {
    max-height: 2.1rem;
}

.src-mainapp-onboarding-wizard-___ImageContainer__title___ydxN9 {
    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__subtitle___27gTk {
    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__headerText___5RKXo {
    margin: 2rem 1.5rem;
    color: var(--es-color-text-light-static);
}

@media (min-width: 60rem) {
    .src-mainapp-onboarding-wizard-___ImageContainer__imageContainer___NVmYg {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 38.38%;
        background-position: center;
    }
    .src-mainapp-onboarding-wizard-___ImageContainer__imageBannerContainer___yEX9t {
        bottom: 3.875rem;
    }

    .src-mainapp-onboarding-wizard-___ImageContainer__imageBanner___Q6mpe {
        padding: 0rem;
    }
}

.src-mainapp-onboarding-wizard-___NavigationButtons__navigationWrapper___JEG6M {
    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-onboarding-wizard-___NavigationButtons__buttonContainer___RrZ7q {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 1rem;
}

.src-mainapp-onboarding-wizard-___NavigationButtons__progressWrapper___5tijE {
    display: flex;
    justify-content: center;
    flex: 1;
}

.src-mainapp-onboarding-wizard-___NavigationButtons__progress___2Ktvj > span {
    cursor: unset;
}

@media (min-width: 30rem) {
    .src-mainapp-onboarding-wizard-___NavigationButtons__buttonContainer___RrZ7q {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, auto) minmax(0, 1fr);
        gap: 2rem;
        align-items: center;
    }

    .src-mainapp-onboarding-wizard-___NavigationButtons__progressWrapper___5tijE {
        grid-column: 2;
        display: flex;
        justify-content: center;
        max-width: 20rem;
    }

    .src-mainapp-onboarding-wizard-___NavigationButtons__buttonContainer___RrZ7q > *:nth-child(1) {
        justify-self: start;
    }

    .src-mainapp-onboarding-wizard-___NavigationButtons__buttonContainer___RrZ7q > *:nth-child(2) {
        justify-self: center;
    }

    .src-mainapp-onboarding-wizard-___NavigationButtons__buttonContainer___RrZ7q > *:last-child {
        justify-self: end;
    }

    .src-mainapp-onboarding-wizard-___NavigationButtons__navigationWrapper___JEG6M {
        padding: 1.5rem 2rem;
    }
}

.src-mainapp-onboarding-wizard-steps-step3-___Step3__header___2Roo4 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.src-mainapp-onboarding-wizard-steps-step3-___Step3__pauseRadioGroup___j81TO {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
    gap: 0.25rem;
    width: 100%;
    margin: 0;
    padding: 0 0 3rem 0;
}

.src-mainapp-onboarding-wizard-steps-step3-___Step3__pauseRadioGroup___j81TO > div {
    display: flex;
    flex-grow: 1;
    padding: 0;
    margin: 0;
    background-color: var(--es-color-action-tertiary);
}

.src-mainapp-onboarding-wizard-steps-step3-___Step3__pauseRadioGroup___j81TO > div > label {
    display: flex;
    flex-grow: 1;
    align-items: center;
    padding: 1rem;
    margin-bottom: 0;
}

.src-mainapp-onboarding-wizard-steps-step3-___Step3__radioButtonContainer___Y0vM- {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}

.src-mainapp-onboarding-wizard-steps-step3-___Step3__labelText___Ozucf {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
}

.src-mainapp-onboarding-wizard-steps-step3-___Step3__pauseRadioGroup___j81TO > div:hover {
    background: var(--es-color-action-tertiary-hovered);
}

.src-mainapp-onboarding-wizard-steps-step3-___Step3__pauseRadioGroup___j81TO > div:has(input[type='radio']:checked) {
    background-color: var(--es-color-action-tertiary-hovered);
}

.src-mainapp-onboarding-wizard-steps-step3-___Step3__pauseRadioGroup___j81TO > div:has(input[type='radio']:active) {
    background-color: var(--es-color-action-secondary-hovered);
}

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

.src-mainapp-anonymous-components-WantMoreBanner-___WantMoreBanner-module__wrapper___A3VQJ {
    background-color: var(--es-color-background-brand-pink);
    display: flex;
    width: 100%;
}

.src-mainapp-anonymous-components-WantMoreBanner-___WantMoreBanner-module__content___XUDl3 {
    width: 50%;
    margin: auto 0;
    padding: 3rem;
}

.src-mainapp-anonymous-components-WantMoreBanner-___WantMoreBanner-module__backgroundImage___OYAmL {
    background-image: url(45447502aa44bcafd97112b47230b62c-641.png);
    width: 50%;
    height: auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: bottom;
    background-position-x: right;
}

.src-mainapp-anonymous-components-WantMoreBanner-___WantMoreBanner-module__title___HYt6Y {
    margin-top: 0;
    margin-bottom: 0;
}

.src-mainapp-anonymous-components-WantMoreBanner-___WantMoreBanner-module__subtitle___lk3U4 {
    margin-bottom: 2rem;
    margin-top: 0;
}

.src-mainapp-anonymous-components-WantMoreBanner-___WantMoreBanner-module__button___uucov.src-mainapp-anonymous-components-WantMoreBanner-___WantMoreBanner-module__button___uucov {
    display: inline-flex;
}
@media screen and (max-width: 1000px) {
    .src-mainapp-anonymous-components-WantMoreBanner-___WantMoreBanner-module__backgroundImageRemix___fZ30F {
        background-image: none;
        width: unset;
    }
}
@media screen and (max-width: 700px) {
    .src-mainapp-anonymous-components-WantMoreBanner-___WantMoreBanner-module__backgroundImage___OYAmL {
        background-image: none;
        width: unset;
    }

    .src-mainapp-anonymous-components-WantMoreBanner-___WantMoreBanner-module__content___XUDl3 {
        width: 100%;
        padding: 2rem;
    }
}

.src-mainapp-tracks-components-StickyBar-___StickyBar-module__container___Wq\+XU {
    background-color: var(--es-color-background-base);
    z-index: 2;
    box-sizing: border-box;
    border-bottom: 0;
    padding: 0 1rem 1rem 1rem;
    margin: 0 -1rem;
    position: initial;
}

.src-mainapp-tracks-components-StickyBar-___StickyBar-module__hidden___Htz4k {
    transform: translateY(-100%);
}

.src-mainapp-tracks-components-StickyBar-___StickyBar-module__sticky___Z-TpA {
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
    position: sticky;
}

.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-tracks-components-___FilterSection-module__filterIcon___CdEIq {
    margin-right: 1.5rem;
    display: flex;
    align-items: center;
}

.src-mainapp-tracks-components-___FilterSection-module__filters___WgL2B {
    padding-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    overflow: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
}

.src-mainapp-tracks-components-___FilterSection-module__filters___WgL2B::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Edge */
}

.src-mainapp-tracks-components-___FilterSection-module__filtersSeparator___a5xSY {
    border-top: 1px solid var(--es-color-border-tertiary);
}

.src-mainapp-tracks-components-___FilterSection-module__headerControls___EsgwE {
    display: flex;
    justify-content: flex-end;
    flex: 1;
    gap: 1rem;
    margin-left: 1rem;
}

.src-mainapp-tracks-components-___FilterSection-module__filterButton___tAdKy {
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
}

.src-mainapp-tracks-components-___FilterSection-module__filterButton___tAdKy svg:hover {
    fill: var(--es-color-icon-primary);
}

.src-mainapp-tracks-components-___FilterSection-module__filterTagContainer___qll0O {
    padding-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.src-mainapp-tracks-components-___FilterSection-module__filterRangeContainer___G8E9g {
    padding-bottom: 0.25rem;
    width: 100%;
}

.src-mainapp-tracks-components-___FilterSection-module__wrapper___dzaxW {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.src-mainapp-tracks-components-___FilterSection-module__tagContainer___CDL8G {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.src-mainapp-pre-subscription-___SubscribeNudgeModal-module__closeButtonContainer___-koRH {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 1;
}

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

.src-mainapp-pre-subscription-___SubscribeNudgeModal-module__trackCoverArt___RHUii {
    height: 100%;
    padding: 2rem;
}

.src-mainapp-pre-subscription-___SubscribeNudgeModal-module__trackCoverArt___RHUii > img {
    width: 12.5rem;
    height: 12.5rem;
}

.src-mainapp-pre-subscription-___SubscribeNudgeModal-module__textSection___G40RC {
    padding: 2rem;
    text-align: center;
    background: var(--es-color-background-elevation);
}

.src-mainapp-pre-subscription-___SubscribeNudgeModal-module__closeButton___Ulpiv {
    /* In mobile view, the background of the close button is light */
    color: var(--es-color-text-inverse);
}

@media (min-width: 60rem) {
    .src-mainapp-pre-subscription-___SubscribeNudgeModal-module__modalContent___tmuVg {
        flex-direction: row;
    }
    .src-mainapp-pre-subscription-___SubscribeNudgeModal-module__textSection___G40RC {
        text-align: left;
        /* Add right padding to avoid title to come too close to Close-button */
        padding-right: 4rem;
    }

    .src-mainapp-pre-subscription-___SubscribeNudgeModal-module__closeButton___Ulpiv {
        color: var(--button-text-color);
    }
}

.src-mainapp-pre-subscription-___SubscribeNudgeModal-module__title___yJVs2 {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-top: 0;
}

.src-mainapp-pre-subscription-___SubscribeNudgeModal-module__description___3WtbQ {
    margin-bottom: 1rem;
}

.src-mainapp-pre-subscription-___SubscribeNudgeModal-module__buttonWrapper___ll\+My {
    margin-bottom: 1rem;
    display: inline-block;
}

.src-mainapp-pre-subscription-___SubscribeNudgeModal-module__signInParagraph___tEzho a {
    color: var(--es-color-text-primary);
}
.src-mainapp-pre-subscription-___SubscribeNudgeModal-module__signInParagraph___tEzho a:hover {
    text-decoration: underline;
}

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

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

.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;
}

@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-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;
    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);

    &: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 (--es-breakpoint-max-medium) {
        color: var(--es-color-icon-primary);
    }

    &:active {
        background: rgba(207, 214, 229, 0.08);
    }

    &:hover {
        background: rgba(207, 214, 229, 0.08);
    }

    &:hover,
    &:focus-visible {
        color: var(--es-color-icon-primary);
    }

    &: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);

    &:disabled {
        cursor: not-allowed;
        color: var(--es-color-icon-disabled);
    }

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

    &:hover {
        background: var(--es-color-action-ghost-hovered);
    }

    &:active {
        background: var(--es-color-action-ghost-pressed);
    }

    &: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__menu___sdOcs {
    display: flex;
    width: 15rem;
    flex-direction: column;
    align-items: flex-start;
}

.src-mainapp-anonymous-components-TrackRow-___AnonymousTrackRow__menuItem___OEvnV {
    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__horizontalSpacing___BXKLl {
    display: flex;
    gap: 1rem;
    align-items: center;
    height: 100%;
    min-width: 12rem;
}

.src-mainapp-anonymous-components-TrackRow-___AnonymousTrackRow__vocals___xQGfq {
    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-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-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 {
    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-___TrackList-module__trackContainer___EhP1Z.src-mainapp-tracks-v2-components-___TrackList-module__fadeOut___YjCeb > div:nth-last-child(4) {
    opacity: 0.9;
}

.src-mainapp-tracks-v2-components-___TrackList-module__trackContainer___EhP1Z.src-mainapp-tracks-v2-components-___TrackList-module__fadeOut___YjCeb > div:nth-last-child(3) {
    pointer-events: none;
    opacity: 0.5;
}

.src-mainapp-tracks-v2-components-___TrackList-module__trackContainer___EhP1Z.src-mainapp-tracks-v2-components-___TrackList-module__fadeOut___YjCeb > div:nth-last-child(2) {
    pointer-events: none;
    opacity: 0.15;
}

.src-mainapp-tracks-v2-components-___TrackList-module__trackContainer___EhP1Z.src-mainapp-tracks-v2-components-___TrackList-module__fadeOut___YjCeb > div:nth-last-child(1) {
    pointer-events: none;
    opacity: 0.05;
}

.src-mainapp-tracks-components-___TrackView-module__container___SAWXw {
    width: 100%;
    -webkit-user-select: none;
            user-select: none;
    position: relative;
}

.src-mainapp-tracks-components-___TrackView-module__container___SAWXw select {
    height: auto;
}

.src-mainapp-tracks-components-___TrackView-module__smallFilterContainer___JIymn {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 1rem 1rem;
}

@media (min-width: 30rem) {
    .src-mainapp-tracks-components-___TrackView-module__smallFilterContainer___JIymn {
        padding: 0 0 1rem;
    }
}

.src-mainapp-tracks-components-___TrackView-module__smallFilterContainer___JIymn > *:nth-child(2) {
    margin-top: 1rem;
    width: 100%;
    justify-content: space-evenly;
    max-width: none;
}

.src-mainapp-tracks-components-___TrackView-module__loaderAnimationWrapper___cO24K {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 4rem 1rem;
    height: calc(100vh - 400px);
}

.src-mainapp-tracks-components-TrackViewContainer-___TrackViewContainer-module__bannerWrapper___N8mF1 {
    margin: 0 1rem;
}

@media (min-width: 30rem) {
    .src-mainapp-tracks-components-TrackViewContainer-___TrackViewContainer-module__bannerWrapper___N8mF1 {
        margin: 0;
    }
}

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

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

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

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

.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: 60rem) {
    .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-VibeChat-___VibeChatBox-module__container___qXM7k {
    padding: 40px;
    position: relative;
    max-height: 740px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--es-color-background-brand-stone);
    color: var(--es-color-text-primary);
    margin: 0 auto 50px;
}

.src-mainapp-search-components-VibeChat-___VibeChatBox-module__content___Y\+1bA {
    padding: 20px;
    margin: 0 auto;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    background-color: var(--es-color-background-base);
}
.src-mainapp-search-components-VibeChat-___VibeChatBox-module__iconClose___yQHm- {
    position: absolute;
    top: 25px;
    right: 30px;
    cursor: pointer;
    padding: 10px;
    border-radius: 50%;
    background-color: var(--es-color-background-base);
    opacity: 0.8;
    color: var(--es-color-text-primary);
}
.src-mainapp-search-components-VibeChat-___VibeChatBox-module__title___mumNM {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px;
}

.src-mainapp-search-components-VibeChat-___VibeChatBox-module__errorMessage___PQGwQ {
    color: var(--es-color-text-negative);
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
}

.src-mainapp-search-components-VibeChat-PromptInput-___PromptInput-module__promptContainer___gW-Zp {
    padding: 20px;
    margin-bottom: 30px;
    background-color: #cfd6e529;
}

.src-mainapp-search-components-VibeChat-PromptInput-___PromptInput-module__textInput___6BDWS {
    width: 100%;
    resize: none;
    border: none;
    background-color: transparent;
    color: #d3d3d3;
    font-size: 18px;
    padding: 10px 0;
    margin-bottom: 20px;
    outline: none;
}

.src-mainapp-search-components-VibeChat-PromptInput-___PromptInput-module__textInput___6BDWS::placeholder {
    color: #8e8e93;
}

.src-mainapp-search-components-VibeChat-PromptInput-___PromptInput-module__controls___DQf8U {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.src-mainapp-search-components-VibeChat-PromptInput-___PromptInput-module__buttons___BITEM {
    display: flex;
    gap: 10px;
}

.src-mainapp-search-components-VibeChat-PromptInput-___PromptInput-module__button___04tvx {
    background-color: var(--es-color-action-primary);
    color: var(--es-color-text-primary);
    border: none;
    padding: 10px 20px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.2s ease;
}
.src-mainapp-search-components-VibeChat-PromptInput-___PromptInput-module__button___04tvx:hover {
    background-color: var(--es-color-action-primary-hovered);
}

.src-mainapp-search-components-VibeChat-PromptInput-___PromptInput-module__disabled___Nea76 {
    background-color: var(--es-color-action-primary-inverse-disabled) !important;
    cursor: not-allowed !important;
}

.src-mainapp-search-components-VibeChat-PromptInput-___PromptInput-module__submitButton___rGBvu {
    border: none;
    width: 42px;
    height: 40px;
    display: flex;
    color: var(--es-color-text-primary);
    font-size: 20px;
    cursor: pointer;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: var(--es-color-action-secondary);
    transition: background-color 0.2s ease;
}

.src-mainapp-search-components-VibeChat-PromptInput-___PromptInput-module__submitButton___rGBvu:hover {
    background-color: var(--es-color-action-secondary-hovered);
}

.src-mainapp-search-components-VibeChat-PromptInput-___PromptInput-module__loading___T-4\+b {
    cursor: not-allowed;
    animation: src-mainapp-search-components-VibeChat-PromptInput-___PromptInput-module__loading___T-4\+b 1s linear infinite;
}

@keyframes src-mainapp-search-components-VibeChat-PromptInput-___PromptInput-module__loading___T-4\+b {
    0% {
        background-color: #5f5f67;
    }
    50% {
        background-color: #7a7a82;
    }
    100% {
        background-color: #5f5f67;
    }
}

.src-mainapp-search-components-VibeChat-PromptInput-OptionsSelector-___OptionsSelector-module__optionsSelectorContainer___srm4U {
    display: flex;
    width: 100%;
    max-width: 500px;
    gap: 10px;
}

.src-mainapp-search-components-VibeChat-PromptInput-OptionsSelector-___OptionsSelector-module__mainButton___vEVii {
    display: flex;
    background-color: var(--es-color-action-secondary);
    color: var(--es-color-text-primary);
    border: none;
    padding: 10px 20px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.2s ease;
    text-align: center;
}

.src-mainapp-search-components-VibeChat-PromptInput-OptionsSelector-___OptionsSelector-module__mainButton___vEVii:hover {
    background-color: var(--es-color-action-secondary-hovered);
}

.src-mainapp-search-components-VibeChat-PromptInput-OptionsSelector-___OptionsSelector-module__optionsListContainer___LxD78 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.src-mainapp-search-components-VibeChat-PromptInput-OptionsSelector-___OptionsSelector-module__optionButton___-SVCx {
    background-color: var(--es-color-action-secondary);
    color: var(--es-color-text-primary);
    border: none;
    padding: 8px 15px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 13px;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
    white-space: nowrap;
}

.src-mainapp-search-components-VibeChat-PromptInput-OptionsSelector-___OptionsSelector-module__optionButton___-SVCx:hover {
    background-color: var(--es-color-action-secondary-hovered);
}

.src-mainapp-search-components-VibeChat-PromptInput-OptionsSelector-___OptionsSelector-module__optionButton___-SVCx.src-mainapp-search-components-VibeChat-PromptInput-OptionsSelector-___OptionsSelector-module__selected___8eUGn {
    background-color: #7a7a82;
    box-shadow: 0 0 0 2px #9f9fa6;
    font-weight: bold;
}

.src-mainapp-search-components-VibeChat-PromptInput-OptionsSelector-___OptionsSelector-module__closeButton___kslDT {
    background-color: transparent;
    border: none;
    color: #e0e0e0;
    cursor: pointer;
    transition: color 0.2s ease;
}

.src-mainapp-search-components-VibeChat-ExamplePrompts-___ExamplePrompts-module__heading___DGps8 {
    font-size: 16px;
    color: var(--es-color-background-brand-stone);
    margin-bottom: 15px;
    font-weight: normal;
}
.src-mainapp-search-components-VibeChat-ExamplePrompts-___ExamplePrompts-module__examplePromptsContainer___i6KuH {
    width: 100%;
    height: 110px;
    overflow: hidden;
    position: relative;
}
.src-mainapp-search-components-VibeChat-ExamplePrompts-___ExamplePrompts-module__cardsContainer___Mz5rJ {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    gap: 15px;
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    position: absolute;
    overflow-x: scroll;
    justify-content: space-between;
}
.src-mainapp-search-components-VibeChat-ExamplePrompts-___ExamplePrompts-module__cardsContainer___Mz5rJ::-webkit-scrollbar {
    display: none;
}

.src-mainapp-search-components-VibeChat-ExamplePrompts-___ExamplePrompts-module__card___UHdUX {
    background-color: var(--es-color-background-brand-stone);
    padding: 15px;
    color: var(--es-color-text-inverse);
    font-size: 14px;
    min-width: 250px;
    max-width: 250px;
    line-height: 1.5;
    cursor: pointer;
}

.src-mainapp-search-components-VibeChat-ExamplePrompts-___ExamplePrompts-module__card___UHdUX p {
    margin: 0;
}
.src-mainapp-search-components-VibeChat-ExamplePrompts-___ExamplePrompts-module__card___UHdUX:hover {
    background-color: var(--es-color-background-brand-fog);
}

.src-mainapp-search-components-VibeChat-GptResults-___GptResults-module__interactionContainer___GPsZ1 {
    display: flex;
    overflow: hidden;
    max-width: 624px;
    flex-direction: column;
    font-family: sans-serif;
    background-color: var(--es-color-background-base);
}

.src-mainapp-search-components-VibeChat-GptResults-GptAnswer-___GptAnswer-module__answerContainer___JM2N2 {
    padding: 15px 20px;
    line-height: 1.6;
    font-size: 16px;
    color: var(--es-color-text-primary);
}

.src-mainapp-search-components-VibeChat-GptResults-GptAnswer-___GptAnswer-module__answerTitle___ux\+zL {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 1em;
    font-weight: bold;
    color: var(--es-color-text-primary);
}
.src-mainapp-search-components-VibeChat-GptResults-GptAnswer-___GptAnswer-module__answerText___-e4fn {
    margin: 0;
    white-space: pre-wrap;
}

.src-mainapp-search-components-VibeChat-GptResults-GptReasoning-___GptReasoning-module__reasoningContainer___iNDzE {
    padding: 15px 20px;
    line-height: 1.6;
    font-size: 16px;
    color: var(--es-color-text-primary);
}

.src-mainapp-search-components-VibeChat-GptResults-GptReasoning-___GptReasoning-module__reasoningTitle___4MkZ9 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 1em;
    font-weight: bold;
    color: var(--es-color-text-primary);
}

.src-mainapp-search-components-VibeChat-GptResults-GptReasoning-___GptReasoning-module__reasoningText___MT94e {
    margin: 0;
    white-space: pre-wrap;
}

.src-mainapp-search-components-VibeChat-GptResults-GptChat-___GptChat-module__chatContainer___DxApq {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    background-color: #2c2c34;
}

.src-mainapp-search-components-VibeChat-GptResults-GptChat-___GptChat-module__chatInput___ICL8k {
    flex-grow: 1;
    background-color: transparent;
    border: none;
    color: #e0e0e0;
    font-size: 16px;
    padding: 8px 0;
    outline: none;
}

.src-mainapp-search-components-VibeChat-GptResults-GptChat-___GptChat-module__chatInput___ICL8k::placeholder {
    color: #8e8e93;
}

.src-mainapp-search-components-VibeChat-GptResults-GptChat-___GptChat-module__chatActions___h6V8L {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 10px;
}

.src-mainapp-search-components-VibeChat-GptResults-GptChat-___GptChat-module__actionButton___49SU9 {
    background-color: transparent;
    border: none;
    color: #a0a0a0;
    cursor: pointer;
    padding: 5px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease;
}

.src-mainapp-search-components-VibeChat-GptResults-GptChat-___GptChat-module__actionButton___49SU9:hover {
    color: #ffffff;
    background-color: #4a4a52;
}

.src-mainapp-search-components-VibeChat-GptResults-GptChat-___GptChat-module__actionButton___49SU9:disabled {
    color: #666;
    cursor: not-allowed;
}

.src-mainapp-search-components-VibeChat-VideoBackground-___VideoBackground-module__videoBackground___06V2h:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
}
.src-mainapp-search-components-VibeChat-VideoBackground-___VideoBackground-module__videoBackground___06V2h {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.src-mainapp-search-components-VibeChat-VideoBackground-___VideoBackground-module__videoElement___0-X6o {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.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: 30rem) {
    .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-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: 60rem) {
    .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-___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__welcomeBannerWrapper___ziqUY {
    margin-bottom: 2rem;
}

.src-mainapp-music-components-___FeaturedPage-module__welcomeBannerBodyItem___uVV4w {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 0.5rem;
}

.src-mainapp-music-components-___FeaturedPage-module__welcomeBannerLink___7d47S {
    text-decoration: underline;
}

.src-mainapp-music-components-___FeaturedPage-module__welcomeBannerText___QzPyF {
    margin-left: 0.5rem;
}

.src-mainapp-music-components-___FeaturedPage-module__welcomeBannerBody___ugAO5 {
    margin-top: 1rem;
}

.src-mainapp-music-components-___FeaturedPage-module__promoBannerWrapper___vJhnp {
    margin-bottom: 4rem;
}

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

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

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

.src-mainapp-music-components-___RecommendedByChannelSectionHeader__thumbnailContainer___dMxgk > img.src-mainapp-music-components-___RecommendedByChannelSectionHeader__loaded___x8SDQ {
    opacity: 1;
}

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

.src-mainapp-music-components-___RecommendedByChannelSectionHeader__thumbnailDetailsWrapper___UA\+\+1 {
    display: flex;
    align-items: left;
    flex-direction: column;
}

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

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

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

@media screen and (min-width: 30rem) {
    .src-mainapp-music-components-___RecommendedByChannelSectionHeader__header___Ig8B7 {
        padding-bottom: 1.5rem;
    }

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

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

    .src-mainapp-music-components-___RecommendedByChannelSectionHeader__headerSubtitle___nLu-i {
        margin-bottom: 0rem;
    }

    .src-mainapp-music-components-___RecommendedByChannelSectionHeader__thumbnailDetailsWrapper___UA\+\+1 {
        align-items: center;
        flex-direction: row;
    }

    .src-mainapp-music-components-___RecommendedByChannelSectionHeader__headerDetailsContainer___NpiiP {
        padding-left: 1rem;
    }

    .src-mainapp-music-components-___RecommendedByChannelSectionHeader__thumbnailContainer___dMxgk {
        padding-bottom: 0;
    }
}

.src-mainapp-music-components-___FeaturedReleaseSection__actionButton___uI\+Mb {
    max-width: max-content;
    margin: 2rem auto 0;
}

.src-mainapp-music-components-___TrackViewSection__wrapper___sTSt4 {
    margin-bottom: 4rem;
}

.src-mainapp-music-components-___TrackViewSection__header___dNUsX {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    justify-content: space-between;
}

.src-mainapp-music-components-___TrackViewSection__headerInner___O9hjA {
    display: flex;
    align-items: center;
}

.src-mainapp-music-components-___TrackViewSection__coverWrapper___\+w77Z {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    background-color: var(--es-color-background-surface);
    margin-right: 1rem;
}

.src-mainapp-music-components-___TrackViewSection__coverWrapper___\+w77Z img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.src-mainapp-music-components-___TrackViewSection__coverWrapper___\+w77Z img.src-mainapp-music-components-___TrackViewSection__loaded___PSvVh {
    opacity: 1;
}

.src-mainapp-music-components-___TrackViewSection__link___IUITw {
    margin-top: 1.5rem;
    text-align: center;
}

@media screen and (max-width: 30rem) {
    .src-mainapp-music-components-___TrackViewSection__header___dNUsX {
        flex-direction: column;
        align-items: flex-start;
    }
}

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

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

.src-mainapp-pre-subscription-___WelcomeBanner-module__welcomeBannerWrapper___y9XmZ {
    margin-bottom: 2rem;
}

.src-mainapp-pre-subscription-___WelcomeBanner-module__welcomeBannerBodyItem___068gn {
    display: flex;
    width: 100%;
    margin-bottom: 0.5rem;
    align-items: flex-start;
}

.src-mainapp-pre-subscription-___WelcomeBanner-module__welcomeBannerLink___38uDE {
    text-decoration: underline;
}

.src-mainapp-pre-subscription-___WelcomeBanner-module__welcomeBannerText___vXchB {
    margin-left: 0.5rem;
}

.src-mainapp-pre-subscription-___WelcomeBanner-module__welcomeBannerBody___llsW\+ {
    margin-top: 1rem;
}

.src-mainapp-pre-subscription-___WelcomeBanner-module__welcomeBannerBodyItem___068gn .src-mainapp-pre-subscription-___WelcomeBanner-module__icon___SmdZ9 {
    flex-shrink: 0;
}

.src-mainapp-components-Acq103-profilingModal-___ProfilingModal-module__modalContent___osvqx {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.src-mainapp-components-Acq103-profilingModal-___ProfilingModal-module__leftContainer___zprUq {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #363941; /* Color es-color-background-surface from PDS is transparent so using solid color for the test */
}

.src-mainapp-components-Acq103-profilingModal-___ProfilingModal-module__imageContainer___wRRv0 {
    align-self: flex-start;
    margin-top: auto;
    max-width: 20rem;
    width: 100%;
}

.src-mainapp-components-Acq103-profilingModal-___ProfilingModal-module__image___pKxGY {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.src-mainapp-components-Acq103-profilingModal-___ProfilingModal-module__headerText___CVdEI {
    margin: 2rem 1.5rem;
    color: var(--es-color-text-light-static);
    max-width: 80%;
}

.src-mainapp-components-Acq103-profilingModal-___ProfilingModal-module__rightContainer___\+EzNY {
    display: flex;
    width: 100%;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.src-mainapp-components-Acq103-profilingModal-___ProfilingModal-module__rightContent___olLiM {
    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: 30rem) {
    .src-mainapp-components-Acq103-profilingModal-___ProfilingModal-module__modal___AFSTc {
        min-width: 57rem;
    }

    .src-mainapp-components-Acq103-profilingModal-___ProfilingModal-module__rightContainer___\+EzNY {
        flex: 1;
        height: inherit;
    }

    .src-mainapp-components-Acq103-profilingModal-___ProfilingModal-module__modalContent___osvqx {
        display: flex;
        flex-direction: column;
        height: 41.875rem;
    }

    .src-mainapp-components-Acq103-profilingModal-___ProfilingModal-module__rightContent___olLiM {
        padding: 2rem;
        gap: 1.5rem;
    }
}

@media (max-width: 60rem) {
    .src-mainapp-components-Acq103-profilingModal-___ProfilingModal-module__imageContainer___wRRv0 {
        display: none;
    }

    .src-mainapp-components-Acq103-profilingModal-___ProfilingModal-module__image___pKxGY {
        display: none;
    }
}

@media (min-width: 60rem) {
    .src-mainapp-components-Acq103-profilingModal-___ProfilingModal-module__rightContainer___\+EzNY {
        flex: 1;
        width: 61.62%;
        height: inherit;
    }

    .src-mainapp-components-Acq103-profilingModal-___ProfilingModal-module__modalContent___osvqx {
        display: flex;
        flex-direction: row;
        height: 41.875rem;
    }

    .src-mainapp-components-Acq103-profilingModal-___ProfilingModal-module__rightContent___olLiM {
        padding: 2rem;
        gap: 1.5rem;
    }

    .src-mainapp-components-Acq103-profilingModal-___ProfilingModal-module__leftContainer___zprUq {
        width: 22rem;
    }
}

.src-mainapp-components-Acq103-profilingModal-___NavigationButtons-module__navigationWrapper___AgNQC {
    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-components-Acq103-profilingModal-___NavigationButtons-module__buttonContainer___AxSQq {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 1rem;
}

.src-mainapp-components-Acq103-profilingModal-___NavigationButtons-module__progressWrapper___ss6Sz {
    display: flex;
    justify-content: center;
    flex: 1;
}

.src-mainapp-components-Acq103-profilingModal-___NavigationButtons-module__progress___2jrVg > span {
    cursor: unset;
}

@media (min-width: 30rem) {
    .src-mainapp-components-Acq103-profilingModal-___NavigationButtons-module__buttonContainer___AxSQq {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, auto) minmax(0, 1fr);
        gap: 2rem;
        align-items: center;
    }

    .src-mainapp-components-Acq103-profilingModal-___NavigationButtons-module__progressWrapper___ss6Sz {
        grid-column: 2;
        display: flex;
        justify-content: center;
        max-width: 20rem;
    }

    .src-mainapp-components-Acq103-profilingModal-___NavigationButtons-module__buttonContainer___AxSQq > *:nth-child(1) {
        justify-self: start;
    }

    .src-mainapp-components-Acq103-profilingModal-___NavigationButtons-module__buttonContainer___AxSQq > *:nth-child(2) {
        justify-self: center;
    }

    .src-mainapp-components-Acq103-profilingModal-___NavigationButtons-module__buttonContainer___AxSQq > *:last-child {
        justify-self: end;
    }

    .src-mainapp-components-Acq103-profilingModal-___NavigationButtons-module__navigationWrapper___AgNQC {
        padding: 1.5rem 2rem;
    }
}

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

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

.src-mainapp-components-___Image__media___1Jkgn {
    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__media___1Jkgn:-moz-loading {
    visibility: hidden;
}

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

.src-mainapp-components-Acq103-profilingModal-___PillSelector-module__pillSelector___rxpYw {
    border: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;

    legend {
        margin-bottom: 1.5rem;
    }
}

.src-mainapp-components-Acq103-profilingModal-___PillSelector-module__pillButton___7rTXq {
    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-Acq103-profilingModal-___PillSelector-module__pillButton___7rTXq: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-Acq103-profilingModal-___PillSelector-module__pillButton___7rTXq > input {
    -webkit-appearance: none;
            appearance: none;
    display: none;
}

.src-mainapp-components-Acq103-profilingModal-___PillSelector-module__pillButton___7rTXq:hover {
    background-color: var(--es-color-action-secondary-hovered);
}

.src-mainapp-components-Acq103-profilingModal-___PillSelector-module__pillButton___7rTXq:has(input[type='radio']:active) {
    background-color: var(--es-color-action-secondary-hovered);
}

.src-mainapp-components-Acq103-profilingModal-___PillSelector-module__pillButton___7rTXq: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-Acq103-profilingModal-___PillSelector-module__pillButton___7rTXq: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-Acq103-profilingModal-___PillSelector-module__pillButton___7rTXq:has(input[type='checkbox']:checked) {
    background-color: var(--es-color-action-primary);
    color: var(--es-color-text-inverse);
}

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

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

.src-mainapp-components-Acq103-profilingModal-___PillSelector-module__iconContainer___syIQg {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--es-color-action-secondary);
    padding: 0.75rem;
}

.src-mainapp-components-Acq103-profilingModal-___PillSelector-module__iconContainer___syIQg.src-mainapp-components-Acq103-profilingModal-___PillSelector-module__rounded___fA0Pw {
    border-radius: 100%;
    padding: 0.5rem;
}

.src-mainapp-components-Acq103-profilingModal-steps-___StepsHeader-module__header___ExTrc {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.src-mainapp-components-Acq103-profilingModal-steps-___StepsHeader-module__mobileHeader___LmTNM {
    font-family: var(--es-header-font-family);
    background-color: var(--color-background);
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.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);
    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__s___NpabX {
        max-width: 7.5rem;
        min-width: 7.5rem;
        height: 6rem;

        svg,
        img {
            width: 2rem;
            height: 2rem;
        }
    }

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

        svg,
        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;

    img {
        width: 142px;
    }
}

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

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

    video {
        display: block;

        width: 100%;
        height: 100%;
    }

    &.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-banners-PluginBannerSection-___PluginBannerSection__wrapper___sRWLx {
    display: none;
}

.src-mainapp-banners-PluginBannerSection-___PluginBannerSection__header___pSVEU {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;

    margin-bottom: 2rem;
}

@media (min-width: 60rem) {
    .src-mainapp-banners-PluginBannerSection-___PluginBannerSection__wrapper___sRWLx {
        display: block;
        margin-top: 3rem;
        margin-bottom: 4rem;
    }
}

.src-mainapp-banners-PluginBannerSection-___PluginBannerSection__textWrapper___cdWPZ {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
}

.src-mainapp-banners-PluginBannerSection-___PluginBannerSection__bannerWrapper___mG3jm {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.src-mainapp-banners-PluginBannerSection-___PluginBannerSection__bannerWrapper___mG3jm > div {
    background-color: var(--es-color-background-surface);
}

.src-mainapp-banners-PluginBannerSection-___PluginBannerSection__successMessage___SeZrz {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.src-mainapp-banners-PluginBannerSection-___PluginBannerSection__successMessageIcon___1ZYM2 {
    flex-shrink: 0;
}

.src-mainapp-components-Acq103-___AcqTracksForYou-module__emptyStateContainer___6tcif {
    position: relative;
}

/** Track row placeholder*/
.src-mainapp-components-Acq103-___AcqTracksForYou-module__trackRowPlaceholderContainer___Hc5bE {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.src-mainapp-components-Acq103-___AcqTracksForYou-module__playButtonPlaceholder___hVMoO {
    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-components-Acq103-___AcqTracksForYou-module__trackTitleAndArtistWrapper___uafq3 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 1rem;
}

.src-mainapp-components-Acq103-___AcqTracksForYou-module__trackTitlePlaceholder___6\+gbQ {
    width: 100px;
    height: 10px;
    background-color: var(--es-color-background-elevation);
    opacity: 50%;
}

.src-mainapp-components-Acq103-___AcqTracksForYou-module__trackArtistPlaceholder___2kA4t {
    width: 70px;
    height: 10px;
    background-color: var(--es-color-background-elevation);
    opacity: 50%;
}

.src-mainapp-components-Acq103-___AcqTracksForYou-module__waveformPlaceholder___eftDw {
    display: none;
    margin: auto 2rem;
    width: 400px;
    height: 50px;
}

.src-mainapp-components-Acq103-___AcqTracksForYou-module__tagsPlaceholderWrapper___WluqX {
    display: none;
    flex-direction: column;
    gap: 8px;
    margin: 0 1rem;
}

.src-mainapp-components-Acq103-___AcqTracksForYou-module__topTagsPlaceholder___\+i7pf {
    width: 30px;
    height: 10px;
    margin-left: auto;
    background-color: var(--es-color-background-elevation);
    opacity: 50%;
}

.src-mainapp-components-Acq103-___AcqTracksForYou-module__bottomTagsPlaceholder___4Ogfv {
    width: 50px;
    height: 10px;
    background-color: var(--es-color-background-elevation);
    opacity: 50%;
}

.src-mainapp-components-Acq103-___AcqTracksForYou-module__actionButtonsWrapper___jyqOx {
    display: flex;
    margin-left: auto;
    gap: 1rem;
}

.src-mainapp-components-Acq103-___AcqTracksForYou-module__actionButtonPlaceholder___CXQJV {
    min-width: 2rem;
    min-height: 2rem;
    background-color: var(--es-color-background-elevation);
    opacity: 50%;
}

.src-mainapp-components-Acq103-___AcqTracksForYou-module__desktopActionButtonPlaceholder___2DbPf {
    display: none;
}

@media (min-width: 30rem) {
    .src-mainapp-components-Acq103-___AcqTracksForYou-module__desktopActionButtonPlaceholder___2DbPf {
        display: block;
    }
}

@media (min-width: 35rem) {
    .src-mainapp-components-Acq103-___AcqTracksForYou-module__tagsPlaceholderWrapper___WluqX {
        display: flex;
    }
}

@media (min-width: 50rem) {
    .src-mainapp-components-Acq103-___AcqTracksForYou-module__waveformPlaceholder___eftDw {
        display: block;
    }
}

/** -------------------- */

.src-mainapp-components-Acq103-___AcqTracksForYou-module__button___hvrdG {
    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-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;
    }
}

.src-mainapp-similar-top-hits-___SimilarTopHitsTracksResults-module__similarTracksContainer___EWDjJ {
    position: relative;
    overflow: hidden;
    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;
    }
}

.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-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);
    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;
}

.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-___SampleVideos__gridContainer___SQHm4 {
    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__sampleVideo___YQIJu {
    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;
    text-decoration: none;
    vertical-align: middle;
    -webkit-user-select: none;
            user-select: none;
    position: relative;
}

.src-mainapp-audio-video-matching-components-___SampleVideos__sampleVideo___YQIJu: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__sampleVideo___YQIJu:focus {
    outline-offset: 2px;
    outline: 2px solid var(--es-color-misc-focused);
}

.src-mainapp-audio-video-matching-components-___FileSelector__wrapper___\+aNvJ.src-mainapp-audio-video-matching-components-___FileSelector__draggingOver___OTUH5 {
    background-color: var(--es-color-background-elevation);
    cursor: grabbing;
    outline: solid 1px var(--es-color-border-primary);
}

.src-mainapp-audio-video-matching-components-___FileSelector__fileSelectorWrapper___y-OBr {
    padding: 3rem 1.5rem;
}

.src-mainapp-audio-video-matching-components-___FileSelector__content___yDwzP {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.src-mainapp-audio-video-matching-components-___FileSelector__description___dNW5p {
    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__button___PN2k7 {
    margin: 1.5rem 0;
}

.src-mainapp-audio-video-matching-components-___FileSelector__hidden___ZaT-G {
    display: none;
}

.src-mainapp-audio-video-matching-components-___FileSelector__error___wREVB {
    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__error___wREVB span {
    font-size: 0.75rem;
    line-height: 1rem;
}

.src-mainapp-audio-video-matching-components-___FileSelector__wrapper___\+aNvJ .src-mainapp-audio-video-matching-components-___FileSelector__close___GXgrd {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    z-index: 1;
}

.src-mainapp-audio-video-matching-components-___VideoSettings__settingsContainer___pSJ1r {
    padding: 1rem;
}

.src-mainapp-audio-video-matching-components-___VideoSettings__settingsConfirmation___jD8qy {
    display: flex;
    justify-content: flex-end;
}

.src-mainapp-audio-video-matching-components-___VideoSettings__hidden___dpBI4 {
    display: none;
}

.src-mainapp-audio-video-matching-components-___VideoPlayerContainer__playerWrapper___zE3x9 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__playerWrapper___zE3x9 video,
.src-mainapp-audio-video-matching-components-___VideoPlayerContainer__playerWrapper___zE3x9 video + div > div {
    border-radius: var(--pds-radius-medium);
}

.src-mainapp-audio-video-matching-components-___VideoPlayerContainer__playerWrapper___zE3x9.src-mainapp-audio-video-matching-components-___VideoPlayerContainer__playerMinimized___SFOvd {
    width: 12vw;
    cursor: pointer;
    display: flex;
    justify-content: center;
}

.src-mainapp-audio-video-matching-components-___VideoPlayerContainer__playerWrapper___zE3x9.src-mainapp-audio-video-matching-components-___VideoPlayerContainer__playerMinimized___SFOvd video {
    min-width: auto;
    object-fit: cover;
    border-radius: var(--pds-radius-small);
    object-position: center;
}

.src-mainapp-audio-video-matching-components-___VideoPlayerContainer__trimWrapper___lEJJm {
    display: block;
    margin: 1rem;
}

.src-mainapp-audio-video-matching-components-___VideoPlayerContainer__trimSelectionContainer___lN2ia {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
    align-items: center;
}

.src-mainapp-audio-video-matching-components-___VideoPlayerContainer__hideTrimmer___TUCf8 {
    display: none;
}

.src-mainapp-audio-video-matching-components-___VideoPlayerContainer__recommendationsVideoButtonContainer___y5noR {
    padding: 0.5rem;
}

.src-mainapp-audio-video-matching-components-___VideoPlayerContainer__recommendationsVideoButton___EfqF- {
    width: 100%;
}

.src-mainapp-audio-video-matching-components-___AudioVideoMatching__container___rV5Ts {
    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__fileSelectWrapper___ZLTJm {
    width: 45vw;
    max-width: 528px;
}

.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;
}

: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 */
}

.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-floating);
    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 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__resetButton___PFKpT {
    font-family: Inter;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    vertical-align: middle;
    text-decoration: underline;
    position: relative;
    left: 0.75rem;
}

.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-___SubBarButton-module__subBarButton___8LW21 {
    box-sizing: border-box;
    min-height: 32px;
    font-size: 12px;
}

.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-___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;
    }
}

.src-mainapp-components-Warning-___VerifyEmailNotification__resendEmailBar___2zT-6 {
    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__resendEmailBarContainer___XEdAf {
    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__buttonWrapper___cjeqm {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.src-mainapp-components-Warning-___VerifyEmailNotification__iconButton___NiZXb {
    margin-left: 1rem;
}

.src-mainapp-components-Warning-___VerifyEmailNotification__notification___KHKqw {
    display: flex;
    align-items: center;
}

.src-mainapp-components-Warning-___VerifyEmailNotification__infoWrapper___LgjmS {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 30rem) {
    .src-mainapp-components-Warning-___VerifyEmailNotification__resendEmailBar___2zT-6 {
        padding-left: var(--es-grid-padding-medium);
        padding-right: var(--es-grid-padding-medium);
    }
}

@media (min-width: 48rem) {
    .src-mainapp-components-Warning-___VerifyEmailNotification__resendEmailBarContainer___XEdAf {
        align-items: center;
        flex-direction: row;
    }
}

@media (min-width: 60rem) {
    .src-mainapp-components-Warning-___VerifyEmailNotification__resendEmailBar___2zT-6 {
        padding-left: var(--es-grid-padding-large);
        padding-right: var(--es-grid-padding-large);
    }
}

.src-mainapp-components-Warning-___MaintenanceNotice__maintenanceNoticeBar___IOKuh {
    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__messageContainer___DciBh {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    position: fixed;
    bottom: 0;
    z-index: 4;
    width: 100%;
}

/* 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 {
    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;

    > * {
        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;

    &: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;
    }

    &: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,
    &:before {
        left: calc(var(--handle-size) / 2);
    }
}

.src-mainapp-waveform-___handles-module__handleRight___qzWPT {
    &:after,
    &: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;

    > * {
        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;

    > * {
        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-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-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-___PlaylistDownload__toastContainer___SqtYM.src-mainapp-___PlaylistDownload__playerIsOpen___b-W5k > div,
.src-mainapp-___PlaylistDownload__toastContainer___SqtYM.src-mainapp-___PlaylistDownload__emailBarIsVisible___FjuUT > div {
    transform: translateY(-5rem);
}

.src-mainapp-___PlaylistDownload__toastContainer___SqtYM.src-mainapp-___PlaylistDownload__emailBarIsVisible___FjuUT.src-mainapp-___PlaylistDownload__playerIsOpen___b-W5k > div,
.src-mainapp-___PlaylistDownload__toastContainer___SqtYM.src-mainapp-___PlaylistDownload__emailBarIsVisible___FjuUT.src-mainapp-___PlaylistDownload__emailErorrBarIsVisible___GNPPK > div {
    transform: translateY(-10rem);
}

.src-mainapp-___PlaylistDownload__toastContainer___SqtYM.src-mainapp-___PlaylistDownload__emailBarIsVisible___FjuUT.src-mainapp-___PlaylistDownload__emailErorrBarIsVisible___GNPPK.src-mainapp-___PlaylistDownload__playerIsOpen___b-W5k > div {
    transform: translateY(-15rem);
}

.src-mainapp-subscriptions-components-modals-___ReactivateExpiredSubscriptionModal__modalContent___qyCDY {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.src-mainapp-subscriptions-components-modals-___ReactivateExpiredSubscriptionModal__action___KFKTT {
    width: 100%;
}

.src-mainapp-subscriptions-components-modals-___ReactivateExpiredSubscriptionModal__secondaryAction___WT2Sp {
    width: 100%;
}

@media (min-width: 30rem) {
    .src-mainapp-subscriptions-components-modals-___ReactivateExpiredSubscriptionModal__secondaryAction___WT2Sp {
        margin-right: 0;
        width: auto;
    }
    .src-mainapp-subscriptions-components-modals-___ReactivateExpiredSubscriptionModal__action___KFKTT {
        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);
}


/*# sourceMappingURL=mainapp.css.map*/