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

.src-mainapp-components-___CreativesLabel__mobilePlaylistPage___A8Tc9 {
    display: inherit;
}

.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile__container___4R8SQ {
    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__buttonWrapper___ll3lN {
    padding: 1rem 0 0 1.5rem;
}

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

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

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

.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile__subDetails___fLAFH,
.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile__sfxType___3I0QM,
.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile__sfxTags___7DAgt {
    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__details___r9XJV {
    list-style: none;
    width: 100%;
    padding: 0 0 0 1.5rem;
}

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

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

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

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

.src-mainapp-saved-components-TrackRow-Mobile-___ViewMoreMobile__buttons___ZHcC4 > 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__downloadButtonTracks___37AOl {
    color: var(--es-color-text-secondary);
    font-size: 0.75rem;
}

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

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

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

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

.src-mainapp-components-DownloadCounter-___DownloadCounter__progress___KaoP9 {
    background: none;
    display: flex;
    margin-bottom: 0.5rem;
}

.src-mainapp-components-DownloadCounter-___DownloadCounter__progressLabel___C0TyE {
    margin-bottom: 0.5rem;
}

.src-mainapp-components-DownloadCounter-___DownloadCounter__progress___KaoP9 > span {
    margin-right: 0.5rem;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
}

.src-mainapp-components-DownloadCounter-___DownloadCounter__active___3b8MG {
    background-color: var(--es-color-background-positive);
}

.src-mainapp-components-DownloadCounter-___DownloadCounter__activeWarning___PhTXQ {
    background-color: var(--es-color-background-caution);
}

.src-mainapp-components-DownloadCounter-___DownloadCounter__disabled___X0BKx {
    background-color: var(--es-color-icon-disabled);
}



.src-mainapp-modals-components-DownloadBox-___ModalDownloadBox__boxContainer___FOltf {
    background-color: var(--pds-color-transparent_black_0);
    padding-bottom: 1rem;
}

.src-mainapp-modals-components-DownloadBox-___ModalDownloadBox__boxContainer___FOltf > * {
    padding-left: 1.5rem;
}

.src-mainapp-modals-components-DownloadBox-___ModalDownloadBox__counterWrapper___nO1FE {
    display: flex;
    align-items: center;
}

.src-mainapp-modals-components-DownloadBox-___ModalDownloadBox__upgradeButton___7zTGF {
    text-wrap: nowrap;
    margin-right: 1rem;
}

.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__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-track-components-___WaveformWithTrimmer__container___XD-0q {
    display: flex;
    position: relative;
    flex: 1;
    box-sizing: border-box;
    touch-action: none;
    -webkit-user-select: none;
            user-select: none;
    height: 100%;

    touch-action: none;
    user-select: none;
}
.src-mainapp-track-components-___WaveformWithTrimmer__trimmer___Zz47a {
    height: 100%;
    display: flex;
    flex: 1;
    align-items: center;
}
.src-mainapp-track-components-___WaveformWithTrimmer__trimmerTextContainer___iiTRV {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0.25rem 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.src-mainapp-track-components-___WaveformWithTrimmer__trimmerTextEnd___MM5Hj {
    align-self: flex-start;
}
.src-mainapp-track-components-___WaveformWithTrimmer__times___QOUKP {
    z-index: 3;
    pointer-events: none;
}
.src-mainapp-track-components-___WaveformWithTrimmer__canvasWrapper___OIuNr {
    display: flex;
    align-items: center;

    width: 100%;
    height: 100%;
}
.src-mainapp-track-components-___WaveformWithTrimmer__waveform___On0S- {
    width: 100%;
    flex: 1 0 0;
    font-weight: 400;
    display: flex;
    align-items: center;
    align-self: stretch;
}

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



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

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

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

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

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

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

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

.src-mainapp-modals-TrackDownloadModal-___TrackDownloadModal__preferencesWrapper___9gjsW .src-mainapp-modals-TrackDownloadModal-___TrackDownloadModal__preference___tWVCb {
    margin-bottom: 0.5rem;
}

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

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

.src-mainapp-modals-TrackDownloadModal-___TrackDownloadModal__link___zzXtB {
    text-decoration: underline;
}

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

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

@media (min-width: 30rem) {
    .src-mainapp-modals-TrackDownloadModal-___TrackDownloadModal__preferencesWrapper___9gjsW {
        display: flex;
        flex-direction: row;
        gap: 1.3rem;
    }
}

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

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

.src-mainapp-anonymous-components-SubscribeNudgeModal-___SubscribeNudgeModal__closeButtonContainer___NH-l5 {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 1;
}

.src-mainapp-anonymous-components-SubscribeNudgeModal-___SubscribeNudgeModal__modalContent___ZUuHU {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--es-color-background-brand-fog);
}

.src-mainapp-anonymous-components-SubscribeNudgeModal-___SubscribeNudgeModal__trackCoverArt___DbPAN {
    height: 100%;
    padding: 2rem;
}

.src-mainapp-anonymous-components-SubscribeNudgeModal-___SubscribeNudgeModal__trackCoverArt___DbPAN > img {
    width: 12.5rem;
    height: 12.5rem;
}

.src-mainapp-anonymous-components-SubscribeNudgeModal-___SubscribeNudgeModal__textSection___Cc67N {
    padding: 2rem;
    text-align: center;
    background: var(--es-color-background-elevation);
}

.src-mainapp-anonymous-components-SubscribeNudgeModal-___SubscribeNudgeModal__closeButton___MbncH {
    /* In mobile view, the background of the close button is light */
    color: var(--es-color-text-inverse);
}

@media (min-width: 60rem) {
    .src-mainapp-anonymous-components-SubscribeNudgeModal-___SubscribeNudgeModal__modalContent___ZUuHU {
        flex-direction: row;
    }
    .src-mainapp-anonymous-components-SubscribeNudgeModal-___SubscribeNudgeModal__textSection___Cc67N {
        text-align: left;
        /* Add right padding to avoid title to come too close to Close-button */
        padding-right: 4rem;
    }

    .src-mainapp-anonymous-components-SubscribeNudgeModal-___SubscribeNudgeModal__closeButton___MbncH {
        color: var(--button-text-color);
    }
}

.src-mainapp-anonymous-components-SubscribeNudgeModal-___SubscribeNudgeModal__title___k-Lag {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-top: 0;
}

.src-mainapp-anonymous-components-SubscribeNudgeModal-___SubscribeNudgeModal__description___mfb8p {
    margin-bottom: 1rem;
}

.src-mainapp-anonymous-components-SubscribeNudgeModal-___SubscribeNudgeModal__buttonWrapper___42A6z {
    margin-bottom: 1rem;
    display: inline-block;
}

.src-mainapp-anonymous-components-SubscribeNudgeModal-___SubscribeNudgeModal__signInParagraph___ih\+PK a {
    color: var(--es-color-text-primary);
}

.src-mainapp-anonymous-components-SubscribeNudgeModal-___SubscribeNudgeModal__signInParagraph___ih\+PK a:hover {
    text-decoration: underline;
}

@keyframes src-mainapp-player-components-___HeartButton__heartFill___o44wy {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
}

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

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

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

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

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

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

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

.src-shared-___AsyncLoad__defaultLoadingContent___G3fJ\+ {
    width: 500px;
    text-align: center;
    position: relative;
}

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

.src-shared-___AsyncLoad__text___c3j-K {
    opacity: 0;
    position: absolute;
    width: 500px;
    left: 0;
    text-align: center;
}

.src-shared-___AsyncLoad__text___c3j-K.src-shared-___AsyncLoad__fadeIn___S9MuC {
    animation: src-shared-___AsyncLoad__fadeIn___S9MuC 1s var(--pds-easing-move_in);
    opacity: 1;
}

.src-shared-___AsyncLoad__text___c3j-K.src-shared-___AsyncLoad__fadeIn___S9MuC.src-shared-___AsyncLoad__fadeOut___LUoWP {
    animation: src-shared-___AsyncLoad__fadeOut___LUoWP 1s var(--pds-easing-move_out);
    opacity: 0;
}

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

@keyframes src-shared-___AsyncLoad__fadeOut___LUoWP {
    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-SignedOutNav-___MenuButton__button___8oTX7 {
    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__button___8oTX7:hover {
    text-decoration: none;
}
.src-mainapp-SignedOutNav-___MenuButton__button___8oTX7 > svg {
    height: 1.5rem;
    width: 1.5rem;
}
.src-mainapp-SignedOutNav-___MenuButton__cartBadge___JZdnn {
    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__cartButton___gbZFE:focus path {
    fill: var(--es-color-text-primary);
}
@media (min-width: 22rem) {
    .src-mainapp-SignedOutNav-___MenuButton__button___8oTX7 {
        margin-left: 0.25rem;
    }
}
@media (min-width: 60rem) {
    .src-mainapp-SignedOutNav-___MenuButton__button___8oTX7.src-mainapp-SignedOutNav-___MenuButton__search___\+gEiJ > svg {
        fill: var(--pds-color-gray_2);
    }

    .src-mainapp-SignedOutNav-___MenuButton__button___8oTX7.src-mainapp-SignedOutNav-___MenuButton__search___\+gEiJ:focus,
    .src-mainapp-SignedOutNav-___MenuButton__button___8oTX7.src-mainapp-SignedOutNav-___MenuButton__search___\+gEiJ.src-mainapp-SignedOutNav-___MenuButton__active___rDuCD {
        outline: none;
    }

    .src-mainapp-SignedOutNav-___MenuButton__button___8oTX7.src-mainapp-SignedOutNav-___MenuButton__search___\+gEiJ:focus > svg,
    .src-mainapp-SignedOutNav-___MenuButton__button___8oTX7.src-mainapp-SignedOutNav-___MenuButton__search___\+gEiJ.src-mainapp-SignedOutNav-___MenuButton__active___rDuCD > svg {
        fill: var(--pds-color-white);
    }

    .src-mainapp-SignedOutNav-___MenuButton__button___8oTX7.src-mainapp-SignedOutNav-___MenuButton__search___\+gEiJ::-moz-focus-inner {
        border: 0;
    }
}

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

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

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

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

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

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

.src-mainapp-SignedOutNav-___SignedOutNav__buttonSpacingContainer___7AiFf {
    display: flex;
}

.src-mainapp-SignedOutNav-___SignedOutNav__linkContainer___yM0Je {
    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__linkContainer___yM0Je a:last-of-type {
    margin-right: 0;
}

.src-mainapp-SignedOutNav-___SignedOutNav__leftSideContainer___WTLds {
    display: flex;
}

.src-mainapp-SignedOutNav-___SignedOutNav__cartButton___hVrhk {
    margin-right: 0.5rem;
    display: flex;
}

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

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

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

.src-mainapp-SignedOutNav-___SignedOutNav__navLink___n9NVN.src-mainapp-SignedOutNav-___SignedOutNav__isActiveNavLink___9nA26 {
    opacity: 0.56;
}

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

.src-mainapp-SignedOutNav-___SignedOutNav__loginButton___wqZTj {
    display: none;
}

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

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

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

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

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

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

    .src-mainapp-SignedOutNav-___SignedOutNav__hamburgerButton___C6xNk {
        display: none;
    }
}

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

.src-mainapp-SignedOutNav-components-___NavBar__container___1XOK4 {
    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__pushContent___KwFKZ,
.src-mainapp-SignedOutNav-components-___NavBar__container___1XOK4 {
    z-index: 10;
}

.src-mainapp-SignedOutNav-components-___NavBar__pushContent___KwFKZ.src-mainapp-SignedOutNav-components-___NavBar__menuIsOpen___jYOak,
.src-mainapp-SignedOutNav-components-___NavBar__pushContent___KwFKZ.src-mainapp-SignedOutNav-components-___NavBar__menuIsOpen___jYOak .src-mainapp-SignedOutNav-components-___NavBar__container___1XOK4 {
    z-index: 12;
}

.src-mainapp-SignedOutNav-components-___NavBar__container___1XOK4 .src-mainapp-SignedOutNav-components-___NavBar__col___4sKrw {
    height: 3.5rem;
}

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

.src-mainapp-SignedOutNav-components-___NavBar__homepageNav___Oi-aE {
    line-height: 4rem;
    min-width: 16rem;
}

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

.src-mainapp-SignedOutNav-components-___NavBar__rightContainer___GGI4B {
    display: flex;
    justify-content: flex-end;
}

@media (min-width: 60rem) {
    .src-mainapp-SignedOutNav-components-___NavBar__rightContainer___GGI4B {
        margin-right: 0;
        gap: 2rem;
    }

    .src-mainapp-SignedOutNav-components-___NavBar__rightContainer___GGI4B:last-child a:not(.src-mainapp-SignedOutNav-components-___NavBar__loginButton___0-mNM) {
        width: auto;
    }
}

.src-mainapp-SignedOutNav-___FullscreenMenu__container___RIAie {
    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__loginButton___BfqJx {
    width: 100vw;
    height: 3.5rem;
}
.src-mainapp-SignedOutNav-___FullscreenMenu__container___RIAie.src-mainapp-SignedOutNav-___FullscreenMenu__menuIsOpen___dCJoj {
    transform: none;
    pointer-events: auto;
}
.src-mainapp-SignedOutNav-___FullscreenMenu__remixLink___skw\+2 {
    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__remixLink___skw\+2:hover {
    opacity: 0.56;
}
.src-mainapp-SignedOutNav-___FullscreenMenu__navItem___DRf4Z:active {
    opacity: 0.4;
}
.src-mainapp-SignedOutNav-___FullscreenMenu__container___RIAie > :first-child {
    transform: translateY(330%);
    transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.src-mainapp-SignedOutNav-___FullscreenMenu__container___RIAie.src-mainapp-SignedOutNav-___FullscreenMenu__menuIsOpen___dCJoj > :first-child {
    transform: none;
}
.src-mainapp-SignedOutNav-___FullscreenMenu__gridContainer___YbBmJ {
    height: 100%;
}
.src-mainapp-SignedOutNav-___FullscreenMenu__addedPadding___-cuuA {
    padding-bottom: 8rem;
}
.src-mainapp-SignedOutNav-___FullscreenMenu__wrapper___BlB\+4 {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.src-mainapp-SignedOutNav-___FullscreenMenu__link___ORVnM {
    box-sizing: border-box;
    color: var(--pds-color-white);
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
}
.src-mainapp-SignedOutNav-___FullscreenMenu__link___ORVnM:hover {
    color: var(--pds-color-white);
    text-decoration: none;
}
.src-mainapp-SignedOutNav-___FullscreenMenu__link___ORVnM:active {
    color: var(--pds-color-white);
}
.src-mainapp-SignedOutNav-___FullscreenMenu__linkWithIcon___x8LJW {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.src-mainapp-SignedOutNav-___FullscreenMenu__linkWithIcon___x8LJW svg {
    margin-top: 0.1875rem;
}
.src-mainapp-SignedOutNav-___FullscreenMenu__gray___qee-i,
.src-mainapp-SignedOutNav-___FullscreenMenu__gray___qee-i:hover,
.src-mainapp-SignedOutNav-___FullscreenMenu__gray___qee-i:active {
    color: var(--pds-color-gray_2);
}
.src-mainapp-SignedOutNav-___FullscreenMenu__ctaWrapper___YOjgM {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 2.5rem;
}
.src-mainapp-SignedOutNav-___FullscreenMenu__ctaWrapper___YOjgM > a {
    box-sizing: border-box;
    width: 100%;
}
.src-mainapp-SignedOutNav-___FullscreenMenu__cartButton___owRkk span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}
.src-mainapp-SignedOutNav-___FullscreenMenu__hr___vfZL9 {
    margin: 0 1rem 1rem 1rem;
    border-bottom: 1px solid var(--pds-color-gray_1);
}
@media (min-width: 30rem) {
    .src-mainapp-SignedOutNav-___FullscreenMenu__ctaWrapper___YOjgM {
        flex-direction: row;
    }

    .src-mainapp-SignedOutNav-___FullscreenMenu__ctaWrapper___YOjgM > a:only-child:not(.src-mainapp-SignedOutNav-___FullscreenMenu__loginButton___BfqJx) {
        min-width: 50%;
        width: auto;
    }
}
@media (min-width: 640px) {
    .src-mainapp-SignedOutNav-___FullscreenMenu__addedPadding___-cuuA {
        padding-bottom: 3rem;
    }
}

.src-mainapp-SignedInNav-___MobileNav__container___zWN\+4 {
    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__visible___aFT9v {
    opacity: 1;
}

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

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

.src-mainapp-SignedInNav-___MobileNav__primaryItems___aJro1,
.src-mainapp-SignedInNav-___MobileNav__secondaryItems___Fe5PN {
    display: flex;
    flex-direction: column;
}

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

.src-mainapp-SignedInNav-___MobileNav__primaryLink___gibAb,
.src-mainapp-SignedInNav-___MobileNav__secondaryLink___TU950 {
    padding: 0.75rem 0;
}

.src-mainapp-SignedInNav-___MobileNav__primaryLink___gibAb {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem;
}

.src-mainapp-SignedInNav-___MobileNav__logout___Mb3a\+ {
    display: flex;
    justify-content: space-between;
}

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

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

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

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

.src-mainapp-SignedInNav-___NavDownloadCounter__downloadCounter___\+ADWR {
    width: 100%;
}

.src-mainapp-SignedInNav-___NavDownloadCounter__progress___8qn5k {
    background: none;
    display: flex;
    margin-bottom: 0.5rem;
}

.src-mainapp-SignedInNav-___NavDownloadCounter__progressLabel___PWhGE {
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

.src-mainapp-SignedInNav-___NavDownloadCounter__progress___8qn5k > span {
    margin-right: 0.5rem;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 100%;
}

.src-mainapp-SignedInNav-___NavDownloadCounter__active___rhGtN {
    background-color: var(--pds-color-complementary_cyan);
}

.src-mainapp-SignedInNav-___NavDownloadCounter__activeWarning___WhnRY {
    background-color: var(--pds-color-complementary_yellow);
}

.src-mainapp-SignedInNav-___NavDownloadCounter__disabled___V5aEY {
    background-color: var(--pds-color-gray_2);
}

.src-mainapp-SignedInNav-___NavSecondaryItems__container___gkEom {
    display: flex;
}

.src-mainapp-SignedInNav-___NavSecondaryItems__container___gkEom > :last-child {
    align-self: center;
}

.src-mainapp-SignedInNav-___NavSecondaryItems__menuItems___c-InI {
    padding: 0.5rem;
    min-width: 13rem;
}

.src-mainapp-SignedInNav-___NavSecondaryItems__cartButtonContainer___jM-iC {
    align-self: center;
}

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

.src-mainapp-SignedInNav-___NavSecondaryItems__cartBadge___dfbCQ {
    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__burgerMenuButton___bHwH7 {
    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);
}

@media (max-width: 30rem) {
    .src-mainapp-SignedInNav-___NavSecondaryItems__burgerMenuButton___bHwH7 {
        margin-right: -1rem;
    }
}

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

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

.src-mainapp-SignedInNav-___NavSecondaryItems__downloadCounterBoxWrapper___7dSLv {
    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__downloadCounterBoxWrapper___7dSLv:hover {
    cursor: auto;
}

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

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

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

.src-mainapp-SignedInNav-___AppsDropdown__button___ZsFbW {
    height: 3.5rem;
}

.src-mainapp-SignedInNav-___AppsDropdown__menuContainer___gUC5F {
    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__button___ZsFbW {
        display: none;
    }
}

.src-mainapp-SignedInNav-___NavLink__container___M9jni {
    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__container___M9jni:has(.src-mainapp-SignedInNav-___NavLink__betaBadge___Woe9V) {
    flex-direction: column;
}

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

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

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

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

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

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

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

.src-mainapp-SignedInNav-___NavLink__navIcons___fisIv {
    padding: 0.125rem 0 0 0.4rem;
}

.src-mainapp-SignedInNav-___NavLink__container___M9jni:hover .src-mainapp-SignedInNav-___NavLink__navTitles___mTh7I {
    color: var(--es-color-text-primary);
}

.src-mainapp-SignedInNav-___NavLink__container___M9jni:hover .src-mainapp-SignedInNav-___NavLink__navIcons___fisIv path {
    fill: var(--es-color-icon-primary);
}

@media (min-width: 60rem) {
    .src-mainapp-SignedInNav-___NavLink__container___M9jni:has(.src-mainapp-SignedInNav-___NavLink__betaBadge___Woe9V) {
        flex-direction: row;
        gap: 0.5rem;
    }
}

.src-mainapp-SignedInNav-___NavMainItems__linkWrapper___rq0ZA {
    display: flex;
    height: 100%;
}

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

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

.src-mainapp-SignedInNav-___NavLogo__link___VwGtn {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    margin-left: -1rem;
    box-sizing: border-box;
}

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

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

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

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

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

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

.src-mainapp-SignedInNav-___SignedInNav__hasChildren___20\+yj {
    margin-top: 1.5rem;
}

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

.src-mainapp-___Nav__navAndTopBannerContainer___BGMHY {
    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__languagePickerContainer___gxeYj {
    padding-bottom: 1.5rem;
}

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

.src-mainapp-components-Footer-___FooterWrapper__visuallyHidden___DuGTu {
    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__containerPlayerOpen___DvaCx {
    padding-bottom: 7rem;
}

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

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

.src-mainapp-components-Footer-components-___LinkList__sectionLink___4U56A {
    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__sectionLink___4U56A:hover .src-mainapp-components-Footer-components-___LinkList__label___VdxGs {
    text-decoration: underline;
}

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

.src-mainapp-components-Footer-components-___LinkList__icon___\+Cmyi {
    flex-shrink: 0;
    align-self: flex-start;
}

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

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

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

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

    .src-mainapp-components-Footer-components-___LinkList__icon___\+Cmyi {
        flex-shrink: 0;
        align-self: unset;
    }

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

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

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

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

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

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

.src-mainapp-components-Footer-components-___PageLinksMobile__footerAccordion___l00E2 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__footerAccordion___l00E2 div {
    padding-bottom: 2rem;
}

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

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

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

.src-mainapp-components-Footer-components-___MiscSection__miscSection___BQ-Dp {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;

    .src-mainapp-components-Footer-components-___MiscSection__miscSectionLink___DHT1O {
        color: inherit;
    }

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

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

    .src-mainapp-components-Footer-components-___MiscSection__miscSectionItem___wKIbs:not(:last-child)::after {
        content: '|';
        padding: 0 0.5rem;
    }
}

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

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

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

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

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

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

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

    .src-mainapp-components-Footer-___FullFooter__bottomSection___xMVwi {
        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__topSection___TA\+oj {
        display: flex;
        justify-content: space-between;
    }

    .src-mainapp-components-Footer-___FullFooter__topSectionLeftColumn___gxgan {
        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__otherLinksWrapper___ttzsk {
    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__otherLink___WJNfV {
    display: inline-flex;
    min-height: 48px;
    min-width: 48px;
    align-items: center;
}

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

.src-mainapp-components-Footer-___SimpleFooter__otherLink___WJNfV: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__languagePickerWrapper___aQQWI {
        display: flex;
    }

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

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

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

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

    .src-mainapp-components-Footer-___SimpleFooter__otherLink___WJNfV {
        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__loadingWrapper___kaEM\+ {
    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-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__italic___bWUzN {
    font-style: italic;
}

.src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__container___WNbHg {
    width: 100%;
    color: var(--es-color-text-primary);
    background: var(--es-color-background-base);
    min-height: 100%;
    display: flex;
    flex-direction: column-reverse;
}

.src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__leftSide___K7C2c {
    justify-content: center;
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 6rem;
    background: var(--es-color-background-base);
}

.src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__leftSideInner___8EW89 {
    padding-right: 1rem;
    padding-left: 1rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__rightSide___m9kcP {
    width: 100%;
    height: 180px;
    position: relative;
    justify-content: center;
    background: var(--es-color-background-elevation);
}

.src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__rightSideBackground___G8qwX {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 180px;
    background: var(--es-color-background-base);

    > img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
}

.src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__rightSideInner___G4rLK {
    margin-right: 1rem;
    margin-left: 1rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__section___O8j9C {
    margin-bottom: 2rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__title___IlWpN {
    padding-bottom: 1rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__footerActionsContainer___J7Iv3 {
    background-color: var(--es-color-background-base);
    position: fixed;
    inset: auto 0 0 0;
    width: 100%;

    box-shadow: 0px -16px 32px 0px var(--es-color-background-base);
}

.src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__footerActionsInner___-Voiz {
    display: flex;
    justify-content: space-between;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    box-sizing: border-box;
    border-top: 1px solid var(--es-color-misc-divider);
    width: 100%;
    padding: 2rem 1rem;
}

@media (min-width: 30rem) {
    .src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__container___WNbHg {
        justify-content: unset;
        margin-bottom: unset;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__leftSide___K7C2c {
        display: flex;
        padding-top: 3rem;
        align-items: center;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__leftSideInner___8EW89 {
        max-width: 32rem;
        width: 100%;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__rightSide___m9kcP {
        display: flex;
        align-items: center;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__rightSideInner___G4rLK {
        max-width: 32rem;
    }
}

@media (min-width: 60rem) {
    .src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__container___WNbHg {
        display: flex;
        flex-direction: row;
        height: 100%;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__leftSide___K7C2c {
        width: 50vw;

        align-items: flex-start;
        padding-bottom: 8rem;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__rightSide___m9kcP {
        left: 50vw;
        width: 50vw;
        position: sticky;
        right: 0;
        top: 56px;
        bottom: 0;
        align-items: center;
        justify-content: center;
        max-height: 100% !important;
        height: calc(100vh - 56px);
        overflow: hidden;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__rightSideBackground___G8qwX {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--es-color-background-base);
        height: 100%;

        > img {
            object-fit: cover;
            min-height: 100%;
            min-width: 100%;
        }
    }

    .src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__leftSideInner___8EW89 {
        padding: 0 3.5rem;
        max-width: 38rem;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__rightSideInner___G4rLK {
        box-sizing: border-box;
        max-width: 32rem;
        height: 100%;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__footerActionsContainer___J7Iv3 {
        display: flex;
        justify-content: flex-end;
        width: 50vw;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__footerActionsInner___-Voiz {
        margin: 0 3.5rem;
        padding: 3rem 0rem;
        max-width: 38rem;
    }
}

@media (min-width: 90rem) {
    .src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__leftSide___K7C2c {
        justify-content: flex-end;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__leftSideInner___8EW89 {
        padding: 0 3.5rem 0 0;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__rightSide___m9kcP {
        justify-content: flex-start;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-shared-___TwoColumnPage__rightSideInner___G4rLK {
        margin-left: 6rem;
        margin-right: 0;
    }
}

.src-mainapp-subscriptions-pages-manage-subscription-resume-subscription-flow-___ResumeSubscriptionPage__icon___B9sqD {
    min-width: 2.5rem;
    display: flex;
    align-items: center;
}

.src-mainapp-subscriptions-pages-manage-subscription-resume-subscription-flow-___ResumeSubscriptionPage__infoBlock___0rl4j {
    display: flex;
}

.src-mainapp-subscriptions-pages-manage-subscription-resume-subscription-flow-___ResumeSubscriptionPage__infoBlockBody___aCXeT {
    padding: 0.5rem 1rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-resume-subscription-flow-___ResumeSubscriptionPage__infoBlockText___hqg1- {
    margin-bottom: 4px;
}

.src-mainapp-subscriptions-pages-manage-subscription-resume-subscription-flow-___ResumeSubscriptionPage__infoSectionBody___NvLDC {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

@media (min-width: 60rem) {
    .src-mainapp-subscriptions-pages-manage-subscription-resume-subscription-flow-___ResumeSubscriptionPage__icon___B9sqD {
        min-width: 2rem;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-resume-subscription-flow-___ResumeSubscriptionPage__infoSectionBody___NvLDC {
        margin-top: 1rem;
        gap: unset;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-resume-subscription-flow-___ResumeSubscriptionPage__infoBlockBody___aCXeT {
        padding: 1rem 1rem;
    }
}

.src-mainapp-subscriptions-pages-manage-subscription-shared-___FooterActions__footerActionsContainer___cWNW3 {
    background-color: var(--es-color-background-base);
    position: fixed;
    inset: auto 0 0 0;
    width: 100%;
    box-shadow: 0px -16px 32px 0px var(--es-color-background-base);
}
.src-mainapp-subscriptions-pages-manage-subscription-shared-___FooterActions__footerActionsInner___nLdbk {
    display: flex;
    justify-content: space-between;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    box-sizing: border-box;
    border-top: 1px solid var(--es-color-misc-divider);
    width: 100%;
    padding: 1rem 1rem;
}
.src-mainapp-subscriptions-pages-manage-subscription-shared-___FooterActions__footerActionsInner___nLdbk.src-mainapp-subscriptions-pages-manage-subscription-shared-___FooterActions__centeredCTA___pXb9N {
    justify-content: left;
}
.src-mainapp-subscriptions-pages-manage-subscription-shared-___FooterActions__leftFooterAction___jYf8x {
    flex-grow: 1;
}
@media (min-width: 60rem) {
    .src-mainapp-subscriptions-pages-manage-subscription-shared-___FooterActions__footerActionsContainer___cWNW3 {
        display: flex;
        justify-content: flex-end;
        width: 50vw;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-shared-___FooterActions__footerActionsInner___nLdbk {
        margin: 0 3.5rem;
        padding: 2rem 0rem;
        max-width: 38rem;
    }
    .src-mainapp-subscriptions-pages-manage-subscription-shared-___FooterActions__leftFooterAction___jYf8x {
        flex-grow: 0;
    }
}

.src-mainapp-subscriptions-pages-manage-subscription-shared-___Title__title___u-4lA {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    align-self: stretch;
}

@media (min-width: 30rem) {
    .src-mainapp-subscriptions-pages-manage-subscription-shared-___Title__title___u-4lA {
        gap: 1.5rem;
    }
}

.src-mainapp-subscriptions-pages-manage-subscription-shared-___MainContentWrapper__wrapper___ZIsRm {
    display: flex;
    flex-direction: column;
    margin: 2rem 0;
    gap: 2rem;
}

@media (min-width: 30rem) {
    .src-mainapp-subscriptions-pages-manage-subscription-shared-___MainContentWrapper__wrapper___ZIsRm {
        margin: 3rem 0;
        gap: 3rem;
    }
}

.src-mainapp-subscriptions-pages-manage-subscription-___ManageSubscriptionPage__cardLinkContainer___3oCDN {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-___ManageSubscriptionPage__offerCard___RmYbe {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 2rem 1rem 1rem 1rem;
    background-color: var(--es-color-background-surface);
}

.src-mainapp-subscriptions-pages-manage-subscription-___ManageSubscriptionPage__offerCardPrices___vQ4-A {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-___ManageSubscriptionPage__offerCardPrice___WdW\+M {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.src-mainapp-subscriptions-pages-manage-subscription-___ManageSubscriptionPage__offerCardOriginalPrice___ygS-W {
    text-decoration: line-through;
    color: var(--es-color-text-disabled);
}

.src-mainapp-subscriptions-pages-manage-subscription-___ManageSubscriptionPage__actionContainer___d4tyg {
    display: flex;
    justify-content: right;
    gap: 1rem;
    border-top: 1px solid var(--es-color-misc-divider);
    padding: 3rem 0;
    margin-top: 3rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-___ManageSubscriptionPage__surveyWrapper___m7Pwn {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

@media (min-width: 30rem) {
    .src-mainapp-subscriptions-pages-manage-subscription-___ManageSubscriptionPage__pauseInfoListItemTextContainer___AcBUQ {
        padding: 1rem;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-___ManageSubscriptionPage__actionContainer___d4tyg {
        margin-top: 4rem;
        padding-top: 4rem;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-___ManageSubscriptionPage__multiSubBanner___v\+ZkU {
        margin-top: 3rem;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-___ManageSubscriptionPage__offerCard___RmYbe {
        padding: 3.5rem 2rem 2rem 2rem;
        gap: 3.5rem;
    }
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-___CancelSuccessfulPage__cancelInfoContainer___aZAZ0 {
    display: flex;
    flex-direction: column;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-___CancelSuccessfulPage__cancelInfoContainer___aZAZ0 > p {
    padding-top: 0.5rem;
}

#src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-___CancelSuccessfulPage__cancelInfoList___LCCfL {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 1.5rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-___CancelSuccessfulPage__cancelInfoListItem___KtC4D {
    display: flex;
    align-items: center;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-___CancelSuccessfulPage__cancelInfoListItemIcon___b6lzc {
    min-width: 1.5rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-___CancelSuccessfulPage__cancelInfoListItemTextContainer___ihq3K {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 1rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-___CancelSuccessfulPage__messageCta___4E4GY {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-___CancelSuccessfulPage__messageCta___4E4GY > div {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-___CancelSuccessfulPage__trialFomoWrapper___ul6Cr {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-___CancelSuccessfulPage__mrTop4___0wOfS {
    margin-top: 4px;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-___CancelSuccessfulPage__actionContainer___yeKpr {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-top: 1px solid var(--es-color-misc-divider);
    padding: 3rem 0 0;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-___CancelSuccessfulPage__actionContainer___yeKpr > button:first-child {
    margin-right: 1rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-___CancelSuccessfulPage__featureCardContainer___8Gsbd {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 1.5rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-___CancelSuccessfulPage__featureCard___91bU9 {
    display: flex;
    flex: 1;
    background-color: var(--es-color-background-surface);
    min-height: 100px;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-___CancelSuccessfulPage__featureCardIcons___BZPWg {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 24px;
    background-color: var(--es-color-background-surface);
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-___CancelSuccessfulPage__featureCardContent___vRIhv {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem;
}

@media (min-width: 30rem) {
    .src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-___CancelSuccessfulPage__cancelInfoContainer___aZAZ0 > p {
        padding-top: 1rem;
    }

    #src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-___CancelSuccessfulPage__cancelInfoList___LCCfL {
        margin-top: 0.5rem;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-___CancelSuccessfulPage__cancelInfoListItemTextContainer___ihq3K {
        padding: 1rem;
        gap: 0.25rem;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-___CancelSuccessfulPage__actionContainer___yeKpr {
        flex-direction: row;
        padding-top: 4rem;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-___CancelSuccessfulPage__featureCardContainer___8Gsbd {
        gap: 16px;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-___CancelSuccessfulPage__featureCardIcons___BZPWg {
        flex-direction: row;
        width: 9.5rem;
        box-sizing: border-box;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-___CancelSuccessfulPage__featureCardContent___vRIhv {
        flex-direction: row;
        align-items: center;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-___CancelSuccessfulPage__featureCardContent___vRIhv > div {
        flex: 1;
    }
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___FomoContent__cancelInfoContainer___PTBR- {
    display: flex;
    flex-direction: column;
    margin: 3rem 0;

    > p {
        padding-top: 0.5rem;
    }
}

#src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___FomoContent__cancelInfoList___rz8wU {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 1.5rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___FomoContent__cancelInfoListItem___uXHTX {
    display: flex;
    align-items: center;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___FomoContent__cancelInfoListItemIcon___zyYUg {
    min-width: 1.5rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___FomoContent__cancelInfoListItemTextContainer___LKXVW {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 1rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___FomoContent__messageCta___Ac\+Y3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___FomoContent__messageCta___Ac\+Y3 > div {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___FomoContent__trialFomoWrapper___Xk8KT {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

@media (min-width: 30rem) {
    .src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___FomoContent__cancelInfoContainer___PTBR- {
        margin: 4rem 0;

        > p {
            padding-top: 1rem;
        }
    }

    #src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___FomoContent__cancelInfoList___rz8wU {
        margin-top: 0.5rem;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___FomoContent__cancelInfoListItem___uXHTX {
        margin-bottom: unset;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___FomoContent__cancelInfoListItemTextContainer___LKXVW {
        padding: 1rem 1rem;
        gap: 0.25rem;
    }
}

@media (min-width: BreakpointLarge) {
    .src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___FomoContent__messageCta___Ac\+Y3 > div {
        flex-direction: row;
        gap: 1.5rem;
        justify-content: space-between;
    }
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___FeaturePreviewList__featurePreviewContainer___KFDPk {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___FeaturePreviewList__featurePreviewCardContainer___JYyI3 {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___FeaturePreviewList__featurePreviewCard___kGYXQ {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;

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

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___FeaturePreviewList__featurePreviewCardTextContainer___G38rV {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___FeaturePreviewList__featurePreviewMedia___h0rLt {
    background: var(--es-color-background-brand-moss);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;

    aspect-ratio: 1 / 1;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___FeaturePreviewList__featureTitle___ucWJR {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 0.625rem;
    align-self: stretch;
    flex-wrap: wrap;
}

.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___FeaturePreviewList__playButtonOverLay___ml2Tz {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

@media (max-width: 30rem) {
    .src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___FeaturePreviewList__featurePreviewCardContainer___JYyI3 {
        display: flex;
        align-self: stretch;
        flex-wrap: wrap;
    }
    .src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___FeaturePreviewList__featurePreviewCard___kGYXQ {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___FeaturePreviewList__featurePreviewCard___kGYXQ {
        flex: 1 1 48%;
        max-width: calc(50% - 0.5rem);
    }
}

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

    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);
    /* Light grayish blue */
    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 > input[type='radio'] {
    -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__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-___RadioButtonFieldsetWrapper__wrapper___0WbF1 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___RadioButtonFieldsetWrapper__reasonsContainer___Lvl8f {
    border: 1px;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;

    legend {
        margin-bottom: 1rem;
    }
}
.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___RadioButtonFieldsetWrapper__surveyChoice___DUXfW {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 1rem;
    padding-bottom: 0.5rem;
    gap: 1rem;
    box-sizing: border-box;
}
.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___RadioButtonFieldsetWrapper__surveyChoice___DUXfW:hover {
    background-color: var(--es-color-action-ghost-hovered);
}
.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___RadioButtonFieldsetWrapper__surveyChoice___DUXfW.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___RadioButtonFieldsetWrapper__selected___E\+TUc {
    background-color: var(--es-color-action-ghost-pressed);
}
.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___RadioButtonFieldsetWrapper__surveyChoice___DUXfW.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___RadioButtonFieldsetWrapper__noExpanded___XnEoT {
    padding-bottom: 1rem;
}
.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___RadioButtonFieldsetWrapper__surveyChoice___DUXfW textarea,
.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___RadioButtonFieldsetWrapper__surveyChoice___DUXfW .src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___RadioButtonFieldsetWrapper__customMargin___iPpDx {
    pointer-events: auto;
}
.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___RadioButtonFieldsetWrapper__surveyChoice___DUXfW input,
.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___RadioButtonFieldsetWrapper__surveyChoice___DUXfW textarea {
    cursor: text;
}
label {
    cursor: pointer;
}
.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___RadioButtonFieldsetWrapper__expandedArea___lQyW\+ {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___RadioButtonFieldsetWrapper__customMargin___iPpDx {
    & * {
        white-space: normal;
        overflow-wrap: break-word;
        word-break: break-word;
    }
}
.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___RadioButtonFieldsetWrapper__customMargin___iPpDx > div > p {
    display: flex;
    justify-content: right;
}
.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___RadioButtonFieldsetWrapper__mobileFontSize___NdrOp > label > span {
    font-size: var(--es-text-s-font-size) !important;
}
.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___RadioButtonFieldsetWrapper__link___\+6P5M {
    text-decoration: underline;
}
.src-mainapp-subscriptions-pages-manage-subscription-cancel-subscription-flow-components-___RadioButtonFieldsetWrapper__pauseSubscriptionContainer___coeBl {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
}

.src-mainapp-subscriptions-pages-manage-subscription-___CardLink__cardLink___bRqmc {
    width: 100%;
    background: var(--es-color-action-secondary);
    display: inline-block;
    position: relative;
}

.src-mainapp-subscriptions-pages-manage-subscription-___CardLink__cardLinkButton___6HZd9 {
    border: none;
    border-radius: 0;
    padding: 0;
    text-align: left;
}

.src-mainapp-subscriptions-pages-manage-subscription-___CardLink__cardContainer___Zm0da {
    padding: 1rem 3.5rem 1rem 1rem;
    cursor: pointer;
}

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

.src-mainapp-subscriptions-pages-manage-subscription-___CardLink__cardTitle___WWY2v {
    margin-bottom: 0.25rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-___CardLink__cardIcon___d3DTI {
    position: absolute;
    right: 1rem;
    top: calc(50% - 12px);
}

@media (min-width: 30rem) {
    .src-mainapp-subscriptions-pages-manage-subscription-___CardLink__cardContainer___Zm0da {
        padding: 1rem 4rem 1rem 1.5rem;
    }

    .src-mainapp-subscriptions-pages-manage-subscription-___CardLink__cardIcon___d3DTI {
        right: 1.5rem;
    }
}

#src-mainapp-subscriptions-pages-manage-subscription-pause-subscription-flow-___PauseSubscriptionPage__pauseInfoList___L7DzM {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 1.5rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-pause-subscription-flow-___PauseSubscriptionPage__pauseInfoListItem___snUwV {
    display: flex;
    align-items: center;
}

.src-mainapp-subscriptions-pages-manage-subscription-pause-subscription-flow-___PauseSubscriptionPage__pauseInfoListItemTextContainer___Oe1UT {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 1rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-pause-subscription-flow-___PauseSubscriptionPage__pauseInfoListItemIcon___m8nkf {
    min-width: 1.5rem;
}

.src-mainapp-subscriptions-pages-manage-subscription-pause-subscription-flow-___PauseSubscriptionPage__pauseRadioGroup___rCvvZ {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
    gap: 0.25rem;
    width: 100%;
    margin: 0;
    padding: 0 0 3rem 0;
}

@media (max-width: 80rem) {
    .src-mainapp-subscriptions-pages-manage-subscription-pause-subscription-flow-___PauseSubscriptionPage__pauseRadioGroup___rCvvZ {
        flex-direction: column;
    }
}

.src-mainapp-subscriptions-pages-manage-subscription-pause-subscription-flow-___PauseSubscriptionPage__pauseRadioGroup___rCvvZ > div {
    display: flex;
    flex-grow: 1;
    padding: 0;
    margin: 0;
    background-color: var(--es-color-input-default);
}

.src-mainapp-subscriptions-pages-manage-subscription-pause-subscription-flow-___PauseSubscriptionPage__pauseRadioGroup___rCvvZ > div > label {
    display: flex;
    flex-grow: 1;
    align-items: center;
    padding: 1rem;
    margin-bottom: 0;
}

@media (max-width: 80rem) {
    .src-mainapp-subscriptions-pages-manage-subscription-pause-subscription-flow-___PauseSubscriptionPage__pauseRadioGroup___rCvvZ > div {
        width: 100%;
    }
}

.src-mainapp-subscriptions-pages-manage-subscription-pause-subscription-flow-___PauseSubscriptionPage__pauseRadioGroup___rCvvZ > div:hover {
    background-color: var(--es-color-input-hovered);
}

.src-mainapp-subscriptions-pages-manage-subscription-pause-subscription-flow-___PauseSubscriptionPage__pauseRadioGroup___rCvvZ > div:has(input[type='radio']:checked) {
    background-color: var(--es-color-input-pressed);
}

.src-mainapp-reactivation-ReactivationBanner-___ReactivationBanner__slimLink___xg706 {
    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__slimLink___xg706:hover {
    /* stylelint-disable-next-line declaration-property-value-disallowed-list */
    border-color: var(--es-color-text);
    cursor: pointer;
}

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

.src-mainapp-reactivation-ReactivationBanner-___ReactivationBanner__stickySlimBanner___I6er0 {
    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__stickySlimBanner___I6er0 {
        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__stickySlimBanner___I6er0 {
        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-anonymous-components-WantMoreBanner-___WantMoreBanner__wrapper___TSV8Z {
    background-color: var(--es-color-background-brand-pink);
    display: flex;
    width: 100%;
}

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

.src-mainapp-anonymous-components-WantMoreBanner-___WantMoreBanner__backgroundImage___NW2i4 {
    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__title___c3YOq {
    margin-top: 0;
    margin-bottom: 0;
}

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

.src-mainapp-anonymous-components-WantMoreBanner-___WantMoreBanner__button___hgo4K.src-mainapp-anonymous-components-WantMoreBanner-___WantMoreBanner__button___hgo4K {
    display: inline-flex;
}

@media screen and (max-width: 1000px) {
    .src-mainapp-anonymous-components-WantMoreBanner-___WantMoreBanner__backgroundImageRemix___FMszd {
        background-image: none;
        width: unset;
    }
}

@media screen and (max-width: 700px) {
    .src-mainapp-anonymous-components-WantMoreBanner-___WantMoreBanner__backgroundImage___NW2i4 {
        background-image: none;
        width: unset;
    }

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

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

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

.src-mainapp-tracks-components-StickyBar-___StickyBar__sticky___Lm\+QO {
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
    position: sticky;
}

.src-mainapp-track-components-___TrackSegmentsSelector__container___YEAOx {
    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__container___YEAOx {
        position: relative;
        display: block;
    }
}

.src-mainapp-tracks-components-___FilterSection__filterIcon___QKPit {
    margin-right: 1.5rem;
    display: flex;
    align-items: center;
}
.src-mainapp-tracks-components-___FilterSection__filters___rFxKW {
    padding-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
}
.src-mainapp-tracks-components-___FilterSection__filtersSeparator___vZxI- {
    border-top: 1px solid var(--es-color-border-tertiary);
}
.src-mainapp-tracks-components-___FilterSection__headerControls___1IcHa {
    display: flex;
    justify-content: flex-end;
    flex: 1;
    gap: 1rem;
}
.src-mainapp-tracks-components-___FilterSection__filterButton___ntVAs {
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
}
.src-mainapp-tracks-components-___FilterSection__filterButton___ntVAs svg:hover {
    fill: var(--es-color-icon-primary);
}
.src-mainapp-tracks-components-___FilterSection__filterTagContainer___EKIsI {
    padding-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}
.src-mainapp-tracks-components-___FilterSection__filterRangeContainer___Lp497 {
    padding-bottom: 0.25rem;
    width: 100%;
}
.src-mainapp-tracks-components-___FilterSection__wrapper___OI75E {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.src-mainapp-tracks-components-___FilterSection__tagContainer___-8Z0S {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

/* 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-track-edits-components-___TrackEdits__editor___3LebC {
    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__section___UsVMw {
    padding: 2rem;
    position: relative;
}

.src-mainapp-track-edits-components-___TrackEdits__filterSection___WwLfC {
    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__trackRowSection___kqK4\+ {
    display: flex;
    gap: var(--track-edits-gap);
    margin-bottom: var(--track-edits-gap);
}

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

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

.src-mainapp-track-edits-components-___TrackEdits__sectionTitle___Jeyz-,
.src-mainapp-track-edits-components-___TrackEdits__loopableSwitch___1b12O 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__sectionTitle___Jeyz-,
.src-mainapp-track-edits-components-___TrackEdits__loopableSwitch___1b12O div {
    width: var(--track-edits-left-column);
    flex: 0 0 auto;
    margin-right: var(--track-edits-gap);
}

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

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

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

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

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

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

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

.src-mainapp-track-edits-components-___TrackEdits__inputContainer___1TXEK {
    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__durationInput___NnVb0 {
    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__durationInput___NnVb0:focus {
    outline: 0;
}

.src-mainapp-track-edits-components-___TrackEdits__lengthButton___QDkkt {
    min-height: initial;
}

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

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

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

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

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

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

.src-mainapp-track-components-___TrackEditFeatureHighlight__buttons___\+V\+3l {
    display: flex;
    align-items: center;
    gap: 0.125rem;
    align-self: stretch;
}

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

.src-mainapp-track-components-___TrackEditFeatureHighlight__container___-42V4 {
    width: 100%;
    display: flex;
    gap: 1rem;
    flex-direction: column;
    margin-top: 0.25rem;
}

.src-mainapp-track-components-___TrackEditFeatureHighlight__featureHighlight___BOU6e.src-mainapp-track-components-___TrackEditFeatureHighlight__featureHighlight___BOU6e {
    background: var(--es-color-background-floating);
}

.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%;
    justify-content: space-between;
}

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

.src-mainapp-tracks-v2-components-___Waveform__timeCursor___1tNlj {
    height: 100%;
    display: flex;
    align-items: center;
}

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

.src-mainapp-tracks-v2-components-___TrackRow__menuItem___q\+T4n {
    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__container___ao7vX {
    display: flex;
    gap: 1rem;
    align-items: center;
    height: 100%;
    justify-content: space-between;
}

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

.src-mainapp-tracks-v2-components-___TrackRow__trackRowContainer___R1OFw: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__additionalFeaturesWrapper___1lCAL {
    display: flex;
}

.src-mainapp-track-remix-___TrackRemixPage-module__container___216YS {
    margin-top: 1rem;
}

.src-mainapp-track-remix-___TrackRemixPage-module__horizontalSpacing___JK3Ft {
    display: flex;
    gap: 1rem;
    align-items: center;
    height: 100%;
    justify-content: space-between;
}

@keyframes src-mainapp-track-remix-components-___TrackRemixUIVariant2-module__pulse___ec-2Y {
    50% {
        opacity: 0.5;
    }
}

.src-mainapp-track-remix-components-___TrackRemixUIVariant2-module__pulse___ec-2Y {
    animation: src-mainapp-track-remix-components-___TrackRemixUIVariant2-module__pulse___ec-2Y 2s cubic-bezier(0.2, 0, 0.8, 1) infinite;
}

@keyframes src-mainapp-track-remix-components-___TrackRemixUIVariant3-module__pulse___JyVX3 {
    50% {
        opacity: 0.5;
    }
}

.src-mainapp-track-remix-components-___TrackRemixUIVariant3-module__pulse___JyVX3 {
    animation: src-mainapp-track-remix-components-___TrackRemixUIVariant3-module__pulse___JyVX3 2s cubic-bezier(0.2, 0, 0.8, 1) infinite;
}

.src-mainapp-track-remix-components-___TrackRemixUIVariant3-module__slidableValueClose___cjt9P {
    background-color: transparent;
    border: none;
    cursor: pointer;

    padding: 0;
    margin: 0;

    &:disabled {
        cursor: not-allowed;
    }

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

.src-mainapp-track-remix-components-___TrackRemixUIVariant4-module__pulse___0aSaO {
    animation: src-mainapp-track-remix-components-___TrackRemixUIVariant4-module__pulse___0aSaO 2s cubic-bezier(0.2, 0, 0.8, 1) infinite;
}

@keyframes src-mainapp-track-remix-components-___TrackRemixUIVariant4-module__pulse___0aSaO {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.src-mainapp-track-remix-components-___TrackRemixUIVariant4-module__spin___tiF3Q {
    animation: src-mainapp-track-remix-components-___TrackRemixUIVariant4-module__rotate___\+ba5- 2s cubic-bezier(0.2, 0, 0.8, 1) infinite;
}

.src-mainapp-track-remix-components-___TrackRemixUIVariant4-module__discardRangeButton___gwTEw {
    position: fixed;
    width: 1.5rem;
    height: 1.5rem;
    background-color: #175e89;
    border-radius: 99rem;
    transform: translate(-50%, -0.5rem);
    z-index: 9999999;
    cursor: pointer;
    box-shadow: 1px 1px 4px #0009;

    &:hover:not([data-pending='true']) {
        background-color: #20afff;
    }

    &[data-pending='true'] {
        cursor: progress;
    }
}

.src-mainapp-track-remix-components-___TrackRemixUIVariant4-module__combinedWaveform___AKB2C {
    height: 100%;
    position: relative;
    cursor: pointer;

    & > canvas {
        pointer-events: none;
        position: absolute;
        left: 0;
        top: 50%;
        mix-blend-mode: plus-lighter;

        transition: transform 100ms;

        &.enabled {
            transform: translateY(-50%) scaleY(1);
        }

        &.disabled {
            transform: translateY(-50%) scaleY(0);
        }
    }

    & > .src-mainapp-track-remix-components-___TrackRemixUIVariant4-module__silentLine___crmH7 {
        pointer-events: none;
        height: 1px;
        width: 100%;
        background-color: white;
        opacity: 0.2;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    & > .src-mainapp-track-remix-components-___TrackRemixUIVariant4-module__seekLine___lXSki {
        position: absolute;
        display: none;
        pointer-events: none;
        height: 100%;
        width: 1px;
        background-color: white;
        transform: translateX(-1.5px);
        box-shadow: 0 0 1px 1px #0003;
        top: 0;
        bottom: 0;
    }
}

.src-mainapp-track-remix-components-___TrackRemixUIVariant4-module__generatedRangeHighlightBackground___MGqMQ {
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: 0.07;
}

.src-mainapp-track-remix-components-___TrackRemixUIVariant5-module__ruler___ubTqI {
    height: 1rem;
    margin-bottom: 0.25rem;
    border-radius: 2px;

    --tick-color: rgba(255, 255, 255, 0.5);
    --bg-color: rgba(255, 255, 255, 0.1);

    background: repeating-linear-gradient(
        90deg,
        var(--tick-color),
        var(--tick-color) 1px,
        var(--bg-color) 1px,
        var(--bg-color) 25px
    );
}

.src-mainapp-track-remix-components-___TrackRemixAction2-module__innerCircle___OfHGJ {
    overflow: hidden;

    .src-mainapp-track-remix-components-___TrackRemixAction2-module__innerCircleDarken___HBV-I {
        background-color: transparent;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    &:hover .src-mainapp-track-remix-components-___TrackRemixAction2-module__innerCircleDarken___HBV-I {
        background-color: rgba(0, 0, 0, 0.5);
    }

    & [data-sparkles] {
        opacity: 0;
    }

    &:hover [data-sparkles] {
        opacity: 1;
    }
}

.src-mainapp-track-remix-components-___TrackRemixAction2-module__makeYourOwnButton___yMaur {
    background-color: #373a40;
    border: dashed 1px #747882;

    &:hover {
        background-color: transparent;
        border-color: white;
    }
}

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

.src-mainapp-saved-components-MultiSelectBar-___MultiSelectBar__multiSelectBar___lDDj4 {
    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__line___DwaqU {
    display: flex;
    gap: 8px;
}

.src-mainapp-saved-components-MultiSelectBar-___MultiSelectBar__selectAll___jV-Ju {
    color: var(--es-color-text-secondary);
    cursor: pointer;
}

.src-mainapp-saved-components-MultiSelectBar-___MultiSelectBar__selectAll___jV-Ju:hover {
    text-decoration: underline;
}

.src-mainapp-saved-components-MultiSelectBar-___MultiSelectBar__selectMoreHint___LD5hi {
    color: var(--es-color-text-secondary);
}

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

.src-mainapp-tracks-v2-components-___TrackList__trackContainer___jA5uX.src-mainapp-tracks-v2-components-___TrackList__fadeOut___aOg\+u > div:nth-last-child(4) {
    opacity: 0.9;
}

.src-mainapp-tracks-v2-components-___TrackList__trackContainer___jA5uX.src-mainapp-tracks-v2-components-___TrackList__fadeOut___aOg\+u > div:nth-last-child(3) {
    pointer-events: none;
    opacity: 0.5;
}

.src-mainapp-tracks-v2-components-___TrackList__trackContainer___jA5uX.src-mainapp-tracks-v2-components-___TrackList__fadeOut___aOg\+u > div:nth-last-child(2) {
    pointer-events: none;
    opacity: 0.15;
}

.src-mainapp-tracks-v2-components-___TrackList__trackContainer___jA5uX.src-mainapp-tracks-v2-components-___TrackList__fadeOut___aOg\+u > div:nth-last-child(1) {
    pointer-events: none;
    opacity: 0.05;
}

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

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

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

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

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

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

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

@media (min-width: 30rem) {
    .src-mainapp-tracks-components-TrackViewContainer-___TrackViewContainer__bannerWrapper___C7MR2 {
        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__titleLink___2tbRw {
    color: var(--es-color-text-primary);
    -webkit-text-decoration: 'none';
            text-decoration: 'none';
    border-bottom: 2px solid transparent;
}

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

.src-mainapp-search-components-___SearchSectionLinks__viewAllLink___dMLr\+ {
    border-bottom: 2px solid transparent;
}

.src-mainapp-search-components-___SearchSectionLinks__viewAllLink___dMLr\+:hover {
    border-bottom-color: var(--es-color-border-primary);
}

.src-mainapp-search-components-___SearchFieldBase__searchIcon___5zpRj {
    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__optionContent___QE5Sp {
    /* 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__optionImage___0a-eE {
    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__option___OqW4n {
    height: 3rem;
    text-align: left;
}

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

.src-mainapp-search-components-___SearchInputWithSuggestionsOptions__optionHistoryImage___kWNvA {
    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__optionBadge___U07aq {
    margin-left: 1rem;
}

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

.src-mainapp-search-components-___SearchInputWithSuggestionsOptions__optionImage___0a-eE img {
    width: 100%;
}

.src-mainapp-search-components-___SearchInputWithSuggestionsOptions__optionType___w-FtC {
    font-size: 12px;
}

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

.src-mainapp-search-components-___SearchInputWithSuggestionsOptions__optionName___R5GC6,
.src-mainapp-search-components-___SearchInputWithSuggestionsOptions__optionHighlight___7E322 {
    color: var(--es-color-text-primary);
}

.src-mainapp-search-components-___SearchInputWithSuggestionsOptions__optionName___R5GC6 + .src-mainapp-search-components-___SearchInputWithSuggestionsOptions__optionType___w-FtC {
    margin-top: 0.25rem;
}

.src-mainapp-search-components-___SearchInputWithSuggestionsOptions__truncate___NRj1J {
    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__container___0Tu\+x .src-mainapp-search-components-___SearchInputWithSuggestions__search___cTSic {
    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__container___0Tu\+x .src-mainapp-search-components-___SearchInputWithSuggestions__search___cTSic 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__searchWithVideoContainer___1FYXW {
    display: flex;
}

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

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

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

    .src-mainapp-search-components-___SearchInputWithSuggestions__dropdown___O7fqv {
        flex-direction: column;
    }
    .src-mainapp-search-components-___SearchInputWithSuggestions__dropdown___O7fqv > div {
        max-width: none;
    }
}

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

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

.src-mainapp-search-components-___SearchInputWithSuggestions__dropdown___O7fqv {
    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__dropdown___O7fqv:not(:empty) {
    padding: 1rem;
}

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

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

/* Selected */

.src-mainapp-search-components-___SearchInputWithSuggestions__option___MKgiV.src-mainapp-search-components-___SearchInputWithSuggestions__selected___u7h1W {
    background-color: var(--es-color-action-ghost-hovered);
    outline: 1px solid var(--es-color-border-primary);
    outline-offset: 1px;
}

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

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

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

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

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

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

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

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

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

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

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

.src-mainapp-search-components-___SearchWithDomain__menu___xicWR {
    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__menuItem___tTp5p {
    display: flex;
    padding: 0.5rem;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.src-mainapp-search-components-___SearchWithDomain__menuButton___XZXX9 {
    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__menuButton___XZXX9:hover {
    color: var(--es-color-text-primary);
}

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

.src-mainapp-search-components-___SearchWithDomain__divider___gPGyK {
    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__menuWrapper___vIqN4 {
        min-width: 7.75rem;
    }

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

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

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

.src-mainapp-team-components-___GrowYourTeamBanner__backgroundImage___7CzII {
    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__title___aIU\+6 {
    margin-top: 0;
    margin-bottom: 1rem;
}

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

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

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

@media (min-width: 60rem) {
    .src-mainapp-team-components-___GrowYourTeamBanner__wrapper___6a1wA {
        flex-direction: row;
    }

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

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

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

.src-mainapp-music-components-___FeaturedPage__searchContainerInner___TI49g {
    position: relative;
}

.src-mainapp-music-components-___FeaturedPage__searchContainerInnerSpaceAround___RrIbD {
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--es-color-secondary);
}

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

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

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

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

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

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

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

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

.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-components-Acq087DelayedCCv4-___AcqPromoBanner__promoBannerWrapper___TnBrQ {
    margin-bottom: 4rem;
}

.src-mainapp-components-Acq087DelayedCCv4-___AcqPromoBanner__promoBannerMusicPage___D1Gv1 {
    margin-bottom: 2rem;
}

.src-mainapp-components-Acq087DelayedCCv4-___WelcomeBanner__welcomeBannerWrapper___np1rR {
    margin-bottom: 2rem;
}

.src-mainapp-components-Acq087DelayedCCv4-___WelcomeBanner__welcomeBannerBodyItem___iHXum {
    display: flex;
    width: 100%;
    margin-bottom: 0.5rem;
    align-items: flex-start;
}

.src-mainapp-components-Acq087DelayedCCv4-___WelcomeBanner__welcomeBannerLink___vEbGH {
    text-decoration: underline;
}

.src-mainapp-components-Acq087DelayedCCv4-___WelcomeBanner__welcomeBannerText___UsK6Z {
    margin-left: 0.5rem;
}

.src-mainapp-components-Acq087DelayedCCv4-___WelcomeBanner__welcomeBannerBody___oeyz9 {
    margin-top: 1rem;
}

.src-mainapp-components-Acq087DelayedCCv4-___WelcomeBanner__welcomeBannerBodyItem___iHXum .src-mainapp-components-Acq087DelayedCCv4-___WelcomeBanner__icon___OCUZv {
    flex-shrink: 0;
}

.src-shared-components-___LanguageNudger__languageNudgerContainer___MCe5J {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: var(--es-color-background-elevation);
}

.src-shared-components-___LanguageNudger__textWrapper___TyyQp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.src-shared-components-___LanguageNudger__buttonsWrapper___HDYTc {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.src-mainapp-player-components-___LineProgressBar__container___0\+av6 {
    position: relative;
    height: 2px;
    background-color: var(--es-color-track-default);
    transition: height 200ms ease-in-out 100ms;
}

.src-mainapp-player-components-___LineProgressBar__seeking___2qHZy {
    height: 14px;
}

.src-mainapp-player-components-___LineProgressBar__content___Fyzd7 {
    height: 100%;
}

.src-mainapp-player-components-___LineProgressBar__touchBar___8wWWu {
    height: 45px;
    position: absolute;
    left: 0;
    right: 0;
    transform: translateY(-60%);
    z-index: 10;
}

.src-mainapp-player-components-___LineProgressBar__marker___KV3QS {
    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__seeking___2qHZy .src-mainapp-player-components-___LineProgressBar__marker___KV3QS {
    min-height: 1.5rem;
    min-width: 1.5rem;
    margin-right: -0.75rem;
}

.src-mainapp-player-components-___LineProgressBar__bar___\+jj\+j {
    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__duration___63Q0W {
    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__duration___63Q0W span {
    margin: 0 5px;
}

.src-mainapp-player-components-___LineProgressBar__seeking___2qHZy .src-mainapp-player-components-___LineProgressBar__duration___63Q0W {
    opacity: 1;
    transition-delay: 300ms;
}

.src-mainapp-player-components-___PlaybackControls__container___FugvS {
    display: flex;
}

.src-mainapp-player-components-___PlaybackControls__toggleButton___XcWBP {
    color: var(--es-color-icon-disabled);
}

.src-mainapp-player-components-___PlaybackControls__toggleButtonActive___okj35 {
    color: var(--es-color-icon-active);
}

.src-mainapp-player-components-___ScrollingLabel__container___iPzOn {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.src-mainapp-player-components-___ScrollingLabel__scrollingContainer___ZVwrC {
    display: inline;
}

.src-mainapp-player-components-___ScrollingLabel__scrolling___YL-4H {
    display: inline-block;
    animation: src-mainapp-player-components-___ScrollingLabel__scroll___xsDpr var(--scrolling-speed) linear;
}

.src-mainapp-player-components-___ScrollingLabel__ellipsis___8nqRA {
    text-overflow: ellipsis;
}

.src-mainapp-player-components-___ScrollingLabel__label___T7bjL {
    padding-right: 10px;
}

@keyframes src-mainapp-player-components-___ScrollingLabel__scroll___xsDpr {
    100% {
        transform: translateX(calc(-50% - 5px));
    }
}

.src-mainapp-player-components-___TrackInfo__container___brIsV,
.src-mainapp-player-components-___TrackInfo__container___brIsV a {
    font-family: Epidemic, sans-serif;
    font-size: 0.75rem;
    -webkit-user-select: none;
            user-select: none;
}

.src-mainapp-player-components-___TrackInfo__container___brIsV {
    display: grid;
    row-gap: 0.25rem;
}

.src-mainapp-player-components-___TrackInfo__container___brIsV a:hover,
.src-mainapp-player-components-___TrackInfo__container___brIsV a:focus-visible {
    color: var(--es-color-text-primary);
    text-decoration: underline;
    outline: none;
}

.src-mainapp-player-components-___TrackInfo__mobileContainer___aVw8S,
.src-mainapp-player-components-___TrackInfo__mobileContainer___aVw8S 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__mobileContainer___aVw8S {
    margin-bottom: 0.5rem;
    white-space: nowrap;
}

.src-mainapp-player-components-___TrackInfo__title___AIAUM {
    color: var(--es-color-text-primary);
    display: grid;
    font-weight: 600;
}

.src-mainapp-player-components-___TrackInfo__creatives___T\+t9y,
.src-mainapp-player-components-___TrackInfo__creatives___T\+t9y a {
    color: var(--es-color-text-secondary);
    font-weight: 400;
}

.src-mainapp-player-components-___TrackInfo__creatives___T\+t9y {
    display: grid;
}

.src-mainapp-player-components-___TrackInfo__trackHistoryWrapper___8Dm5n {
    display: flex;
    align-items: center;
}

@media (max-width: 60rem) {
    .src-mainapp-player-components-___TrackInfo__mobileContainer___aVw8S {
        padding-top: 0.5rem;
        margin-bottom: 0;
    }
}

.src-mainapp-player-components-___MobilePlayerBar__mobile___VV02G {
    background-color: var(--es-color-background-elevation);
    height: 5rem;
    display: grid;
    justify-items: center;
    align-items: flex-start;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr 2fr 1fr;
}

.src-mainapp-player-components-___MobilePlayerBar__trackInfoContainer___HzEb5 {
    grid-column: 1 / span 3;
}

.src-mainapp-player-components-___MobilePlayerBar__actionsLeft___SDiQQ {
    justify-self: baseline;
    margin-left: 1rem;
}

.src-mainapp-player-components-___MobilePlayerBar__actionsRight___kQZHH {
    justify-self: end;
    margin-right: 1rem;
    margin-top: 0.7rem;
}

.src-mainapp-player-components-___MobilePlayerBar__actionsRight___kQZHH path {
    fill: var(--es-color-icon-secondary);
}

div.src-mainapp-player-components-___PlayerContextualMenu__menu___ihNXR {
    padding: 8px;
    background-color: var(--es-color-background-elevation);
}

.src-mainapp-player-components-___PlayerContextualMenu__menu___ihNXR::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__button___NhIzX {
    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__openButton___rp28f,
.src-mainapp-player-components-___PlayerContextualMenu__button___NhIzX:hover {
    background-color: var(--es-color-action-ghost-hovered);
}

.src-mainapp-player-components-___PlayerContextualMenu__button___NhIzX:active {
    background-color: var(--es-color-action-ghost-pressed);
}

.src-mainapp-player-components-___PlayerContextualMenu__ghostButton___SERCT {
    background-color: var(--es-color-action-ghost);
}

.src-mainapp-player-components-___VolumeSelector__container___XGY8I button:focus {
    background: initial;
}

.src-mainapp-player-components-___VolumeSelector__container___XGY8I button {
    padding: 0;
}

@media (hover) {
    .src-mainapp-player-components-___VolumeSelector__container___XGY8I button:hover {
        background: initial;
    }
}

.src-mainapp-player-components-___VolumeSlider__container___xqMT- {
    width: 2rem;
    height: 8.5rem;
    padding: 0.5rem 0;
}

.src-mainapp-player-components-___TimeCursor__wrapper___K8jEs {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.src-mainapp-player-components-___TimeCursor__cursor___U947A {
    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__leftTime___NDQUz {
    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-___TimeCursor__leftTimeTrackRow___0ZV79 {
    padding-top: 0;
}

.src-mainapp-player-components-___PlayerBar__player___A7PXS {
    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__waveformWrapper___BInpA {
    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__elapsedTime___p-yYQ {
    min-width: 1.625rem;
}

.src-mainapp-player-components-___PlayerBar__waveform___UFtLv {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    justify-content: center;
    position: relative;
    cursor: pointer;
}

.src-mainapp-player-components-___PlayerBar__actions___T5MOP {
    margin-left: auto;
}

.src-mainapp-player-components-___PlayerBar__stems___vAYOt {
    margin: 0 0.5rem;
}

.src-mainapp-player-components-___PlayerBar__playBackControls___nSbRF,
.src-mainapp-player-components-___PlayerBar__trackInfo___FBbgQ {
    margin-right: 1.5rem;
}

.src-mainapp-player-components-___PlayerBar__trackInfo___FBbgQ {
    justify-self: baseline;
    margin-left: 1rem;
}

.src-mainapp-player-components-___PlayerBar__volumeSection___vZDwO {
    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__playerSubBar___IDEFK {
    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__playerSubBar___IDEFK.src-mainapp-player-components-___DesktopPlayerSubBar__audioPlayerUIEnabled___pLQCq {
    padding: 0.5rem;
}

.src-mainapp-player-components-___DesktopPlayerSubBar__leftSection___LWH\+F {
    display: flex;
    align-items: center;
    gap: 16px;
}

.src-mainapp-player-components-___DesktopPlayerSubBar__rightSection___DNQYo {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
}

.src-mainapp-player-components-___DesktopPlayerSubBar__preferredLengthSection___Iadu1 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.src-mainapp-player-components-___DesktopPlayerSubBar__preferredLengthSectionTitle___HCW-e {
    display: flex;
    align-items: center;
    gap: 3px;
    color: var(--es-color-text-primary);
}

.src-mainapp-player-components-___DesktopPlayerSubBar__preferredLengthSectionTitle___HCW-e p {
    font-weight: 600;
}

.src-mainapp-player-components-___DesktopPlayerSubBar__divider___txU\+d {
    width: 1px;
    height: 24px;
    background-color: var(--es-color-misc-divider);
}

.src-mainapp-player-components-___DesktopPlayerSubBar__preferredLengthBtns___K3rS7 {
    display: flex;
    align-items: center;
    gap: 2px;
}

.src-mainapp-player-components-___DesktopPlayerSubBar__subBarButton___Mgbdm,
.src-mainapp-player-components-___DesktopPlayerSubBar__preferredLengthBtn___dhoTb {
    box-sizing: border-box;
    min-height: 32px;
    font-size: 12px;
}

.src-mainapp-player-components-___DesktopPlayerSubBar__preferredLengthBtn___dhoTb {
    padding: 0.25rem 1rem;
    min-width: initial;
}

.src-mainapp-player-components-___DesktopPlayerSubBar__stemsButton___ZM69D.src-mainapp-player-components-___DesktopPlayerSubBar__open___s5QBI {
    background-color: var(--es-color-action-ghost-hovered);
}

.src-mainapp-player-components-___DesktopPlayerSubBar__stemsButton___ZM69D::after {
    content: '\25BE';
}

.src-mainapp-player-components-___DesktopPlayerSubBar__stemsButton___ZM69D.src-mainapp-player-components-___DesktopPlayerSubBar__open___s5QBI::after {
    transform: rotate(180deg);
}

.src-mainapp-player-components-___DesktopPlayerSubBar__stemOption___AaqJs {
    min-width: 200px;
    font-family: 'Epidemic';
}

.src-mainapp-player-components-___DesktopPlayerSubBar__stemOption___AaqJs label {
    padding: 8px 0;
}

.src-mainapp-audio-player-stems-in-playerbar-___CompactStemsUI-module__outerWrapper___8PtkU {
    display: flex;
}

.src-mainapp-audio-player-stems-in-playerbar-___CompactStemsUI-module__innerWrapper___H0lYw {
    display: flex;
}

.src-mainapp-audio-player-stems-in-playerbar-___CompactStemsUI-module__showHideButton___uE5Tc {
    min-width: 131px;
    display: flex;
    justify-content: start;
}

.src-mainapp-audio-player-components-stateless-___SubBarButton-module__compactStemsButton___Jok4o {
    font-size: 12px;
    min-height: 12px;
}

.src-mainapp-audio-player-components-stateless-___StemToggle-module__stemButtonWrapper___IiANT {
    display: flex;
    align-items: center;
}

.src-mainapp-audio-player-components-stateless-___StemToggle-module__separator___IRisO {
    height: 16px;
    background-color: var(--es-color-misc-divider);
    width: 1px;
}

.src-mainapp-audio-player-components-stateless-___StemToggle-module__stemButtonWrapper___IiANT:first-of-type .src-mainapp-audio-player-components-stateless-___StemToggle-module__separator___IRisO {
    display: none;
}

.src-mainapp-audio-player-components-stateless-___StemToggle-module__indicatorIcon___Th3tX {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 14px;
    width: 14px;
}

.src-mainapp-player-components-___PlayerUI__container___-zaVI {
    display: flex;
    flex-direction: column;
    animation: src-mainapp-player-components-___PlayerUI__fadein___FjXtt 300ms ease-in-out;
}

@keyframes src-mainapp-player-components-___PlayerUI__fadein___FjXtt {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.src-mainapp-player-components-___PlayerErrorBoundary__container___Jgtek {
    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__fadein___CVGFI 300ms ease-in-out;
}

.src-mainapp-player-components-___PlayerErrorBoundary__content___rhNCI {
    height: 73px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--es-color-background-base);
}

@keyframes src-mainapp-player-components-___PlayerErrorBoundary__fadein___CVGFI {
    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%;
}



html {
--pds-color-primary: #009DE0;
--pds-color-black: #0F0F0F;
--pds-color-white: #FFF;
--pds-color-purple_0: #7B61FF;
--pds-color-purple_1: #8F79FF;
--pds-color-complementary_orange: #FF561B;
--pds-color-complementary_yellow: #FFA800;
--pds-color-complementary_green: #013000;
--pds-color-complementary_cyan: #00EBDD;
--pds-color-gray_0: #202020;
--pds-color-gray_1: #2C2C2C;
--pds-color-gray_2: #878787;
--pds-color-gray_3: #E7E7E7;
--pds-color-transparent_white_0: rgba(255, 255, 255, 0.07);
--pds-color-transparent_white_1: rgba(255, 255, 255, 0.12);
--pds-color-transparent_white_2: rgba(255, 255, 255, 0.50);
--pds-color-transparent_black_0: rgba(15, 15, 15, 0.05);
--pds-color-transparent_black_1: rgba(15, 15, 15, 0.10);
--pds-color-transparent_black_2: rgba(15, 15, 15, 0.50);
--pds-color-transparent_overlay: rgba(0, 0, 0, 0.7);
--pds-font-primary: Epidemic, sans-serif;
--pds-breakpoint-small: 22rem;
--pds-breakpoint-medium: 30rem;
--pds-breakpoint-large: 60rem;
--pds-easing-move_in: cubic-bezier(0.215, 0.61, 0.355, 1);
--pds-easing-move_out: cubic-bezier(0.55, 0.055, 0.675, 0.19);
--pds-easing-move_in_out: cubic-bezier(0.645, 0.045, 0.355, 1);
--pds-radius-small: 2px;
--pds-radius-medium: 4px;
--pds-radius-large: 8px;
--pds-radius-circle: 10000px;
--pds-elevation-floating: 0 8px 16px rgba(0, 0, 0, 0.25);
--pds-elevation-top: 0 8px 16px rgba(0, 0, 0, 0.25);
--pds-elevation-bottom: 0 -8px 16px rgba(0, 0, 0, 0.25);
}
/* 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;
    /* stylelint-disable-next-line declaration-property-value-disallowed-list */
    font-family: var(--es-text-font-family);
}
body {
    background-color: var(--es-color-background-base);
}
a {
    text-decoration: none;
}
.src-mainapp-___Root__root___GfJqY {
    color: var(--es-color-text-primary);
}
.src-mainapp-___Root__main___MZOBw {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    position: relative;
    min-height: 100vh;
    width: 100%;
}

.src-mainapp-modals-LockoutBasicUserModal-___LockoutBasicUserModal__modalContent___Vrl5n {
    display: flex;
    flex-direction: column;
    background-color: var(--es-color-background-brand-yellow);
    padding: 2rem;
    min-height: 30rem;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
}

.src-mainapp-modals-LockoutBasicUserModal-___LockoutBasicUserModal__title___ngGQt {
    padding-top: 6rem;
    padding-bottom: 2rem;
}

.src-mainapp-modals-LockoutBasicUserModal-___LockoutBasicUserModal__list___DaV0q {
    all: unset;
    display: flex;
    flex-direction: column;
    margin-bottom: 3.5rem;
}

.src-mainapp-modals-LockoutBasicUserModal-___LockoutBasicUserModal__list___DaV0q > li {
    all: unset;
    display: flex;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.src-mainapp-modals-LockoutBasicUserModal-___LockoutBasicUserModal__primaryCta___TVNG6 {
    margin-bottom: 1rem;
}

.src-mainapp-modals-LockoutBasicUserModal-___LockoutBasicUserModal__secondatyActionsWrapper___CHNlN {
    display: flex;
}

.src-mainapp-modals-LockoutBasicUserModal-___LockoutBasicUserModal__secondaryActionLink___0Zg6k {
    margin: 0 auto 1rem auto;
}

.src-mainapp-modals-LockoutBasicUserModal-___LockoutBasicUserModal__image___kgaw5 {
    display: none;
}

@media (min-width: 80rem) {
    .src-mainapp-modals-LockoutBasicUserModal-___LockoutBasicUserModal__modal___2DD8E {
        width: 80%;
        max-width: 1152px;
    }

    .src-mainapp-modals-LockoutBasicUserModal-___LockoutBasicUserModal__modalContent___Vrl5n {
        padding: 3rem 38rem 2rem 3rem;
    }

    .src-mainapp-modals-LockoutBasicUserModal-___LockoutBasicUserModal__image___kgaw5 {
        display: block;
        position: absolute;
        right: -190px;
        bottom: 0;
        height: 100%;
        transform: scale(0.9);
        transform-origin: bottom;
        transition: transform 0.3s ease-in-out;
    }
}

@media (max-height: 730px) {
    .src-mainapp-modals-LockoutBasicUserModal-___LockoutBasicUserModal__title___ngGQt {
        font-size: var(--es-heading-l-font-size);
        font-weight: var(--es-heading-l-font-weight);
        line-height: var(--es-heading-l-line-height);
        letter-spacing: var(--es-heading-l-letter-spacing);
    }

    .src-mainapp-modals-LockoutBasicUserModal-___LockoutBasicUserModal__bullet___c1\+Jg {
        font-size: var(--es-text-m-font-size);
        font-weight: var(--es-text-m-font-weight);
        line-height: var(--es-text-m-line-height);
    }
}

@media (min-width: 90rem) {
    .src-mainapp-modals-LockoutBasicUserModal-___LockoutBasicUserModal__image___kgaw5 {
        transform: scale(1);
        transition: transform 0.3s ease-in-out;
    }
}

.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__container___Peg0X {
    width: 100%;
    height: 100%;
    z-index: 100;
    position: absolute;
    --hint-width: 230px;
    --icon-size: 16px;
}

.src-mainapp-waveform-___SelectionHint__selectionHint___MPaiO {
    background: #2c407280;
    position: relative;
    height: 100%;
    width: var(--hint-width);
    animation: src-mainapp-waveform-___SelectionHint__selectionHintAnimation___qdhRa 5s infinite;
    left: calc(50% - (var(--hint-width) / 2));
}

.src-mainapp-waveform-___SelectionHint__text___638kM {
    line-height: 1.5;
    text-align: center;
    text-wrap: balance;
    animation: src-mainapp-waveform-___SelectionHint__textAnimation___D5oMV 5s infinite;
    display: block;
    height: 100%;
    overflow: hidden;
    padding: 0.8rem 1.5rem;
    width: var(--hint-width);
}

.src-mainapp-waveform-___SelectionHint__dragIcon___uP1TS {
    right: calc(var(--icon-size) / 2 * -1);
    position: absolute;
    top: calc(50% - ((var(--icon-size)) / 2));
}

@keyframes src-mainapp-waveform-___SelectionHint__textAnimation___D5oMV {
    0% {
        opacity: 0;
        transform: translateX(-10px);
    }

    14% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes src-mainapp-waveform-___SelectionHint__selectionHintAnimation___qdhRa {
    0% {
        width: 50px;
    }

    14% {
        width: 230px;
    }

    86% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.src-mainapp-waveform-___TimeMarkers-module__markers___OGFYi {
    position: absolute;
    display: flex;
    justify-content: space-between;
    top: -1.75rem;
    width: 100%;
}

.src-mainapp-waveform-___TimeMarkers-module__markerContainer___VtUH7 {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 0.5rem;
    margin-top: 1rem;
    border-left: 1px solid var(--es-color-border-secondary);
}

.src-mainapp-waveform-___TimeMarkers-module__markerLabel___m7257 {
    position: absolute;
    top: -1rem;
    transform: translateX(-50%);
}

.src-mainapp-track-edits-components-___TrackEditsCreateTrackRow__trackRow___TPNgD {
    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__trackRow___TPNgD button {
    cursor: pointer;
}

.src-mainapp-segments-___Segments__baseSegment___gRDS2 {
    background-color: var(--es-color-action-secondary);
    position: absolute;
    height: 100%;
    top: 0;
    cursor: pointer;
    overflow: hidden;
}

.src-mainapp-segments-___Segments__baseSegment___gRDS2:not(:first-child) {
    margin-left: var(--es-i-segment-gap, 0px);
}

.src-mainapp-segments-___Segments__baseSegment___gRDS2.src-mainapp-segments-___Segments__cutsOverlay___GV2yj {
    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__trackRow___KZtaq {
    grid-template-columns: 56px 8rem 1fr 3rem;
    gap: 1rem;
    padding-right: 0.5rem;
}

.src-mainapp-track-edits-components-___TrackEditsTrackRow__title___6Gi5X {
    display: flex;
    flex-direction: column;
}

.src-mainapp-track-edits-components-___TrackEditsTrackRow__versionTitle___fSnMZ {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.src-mainapp-track-edits-components-___TrackEditsTrackRow__playhead___SA2jo {
    height: 100%;
}

.src-mainapp-track-edits-components-___TrackEditsTrackRow__cutSegments___cJrvY {
    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;
}

.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;
    align-items: center;
    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: height 0.3s;
    overflow: hidden;
}

.src-mainapp-stems-components-StemChannel-___StemChannel-module__foldOutWrapper___aUpYX {
    display: flex;
    margin-top: 2px;
    height: 100%;
    padding-bottom: 1rem;
}

.src-mainapp-stems-components-StemChannel-___StemChannel-module__effectBox___VrxAm {
    margin-left: 2px;
    display: flex;
    flex-direction: column;
    flex-grow: 1 1;
    height: 100%;
    -webkit-user-select: none;
            user-select: none;
}

.src-mainapp-stems-components-StemChannel-___StemChannel-module__effectBox___VrxAm:first-of-type {
    margin-left: 0px;
}

.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__wrapper___YCI9v canvas {
    position: relative;
    top: 10px;
}

.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-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%;
    height: 5rem;
}

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


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