.src-mainapp-modals-PartnerModals-GettyModals-___GettyFirstTimeOnSiteModal__fadeFrom___ON-FW {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.src-mainapp-modals-PartnerModals-GettyModals-___GettyFirstTimeOnSiteModal__fadeTo___IQ-u9 {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}

.src-mainapp-modals-PartnerModals-GettyModals-___GettyFirstTimeOnSiteModal__banner___4oYWY {
    position: relative;
    width: 100%;
    /* The background-color is based on the colors in the image and is intended
    * to improve the experience while the image loads.
    * Make sure to update the colour if you change the image. */
    background-size: cover;
    background-color: var(--es-color-background-floating);
    background-image: url(fafe7a81eb486ebd0d96b0dba7092ec0-617.jpg);
}

.src-mainapp-modals-PartnerModals-GettyModals-___GettyFirstTimeOnSiteModal__banner___4oYWY:after {
    padding-top: 58.670988654%; /* Based on the proportions of the image */
    display: block;
    content: '';
}

.src-mainapp-modals-PartnerModals-GettyModals-___GettyFirstTimeOnSiteModal__bannerContent___Q3LyO {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 3fr 4fr 3fr;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.src-mainapp-modals-PartnerModals-GettyModals-___GettyFirstTimeOnSiteModal__ESLogoContainer___BosGJ {
    grid-row: 2 / span 1;
    grid-column: 3 / span 1;
    border: 1px solid var(--es-color-border-primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.src-mainapp-modals-PartnerModals-GettyModals-___GettyFirstTimeOnSiteModal__ESLogo___YhskN {
    width: 80%;
    fill: var(--es-color-icon-light-static);
}

.src-mainapp-modals-PartnerModals-GettyModals-___GettyFirstTimeOnSiteModal__gettyLogoContainer___il5Gh {
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
    background-color: var(--es-color-icon-light-static);
    display: flex;
    align-items: center;
    justify-content: center;
}

.src-mainapp-modals-PartnerModals-GettyModals-___GettyFirstTimeOnSiteModal__gettyLogo___qJJD4 {
    fill: var(--es-color-icon-dark-static);
    width: 90%;
}

.src-mainapp-modals-PartnerModals-GettyModals-___GettyFirstTimeOnSiteModal__gettyLogo___qJJD4 > path {
    fill: var(--es-color-icon-dark-static);
}

.src-mainapp-modals-PartnerModals-IStockModals-___IStockFirstTimeOnSiteModal__fadeFrom___Su37t {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.src-mainapp-modals-PartnerModals-IStockModals-___IStockFirstTimeOnSiteModal__fadeTo___Irg2g {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}

.src-mainapp-modals-PartnerModals-IStockModals-___IStockFirstTimeOnSiteModal__banner___XnKcp {
    position: relative;
    width: 100%;
    /* The background-color is based on the colors in the image and is intended
    * to improve the experience while the image loads.
    * Make sure to update the colour if you change the image. */
    background-size: cover;
    background-color: var(--es-color-background-floating);
    background-image: url(fafe7a81eb486ebd0d96b0dba7092ec0-617.jpg);
}

.src-mainapp-modals-PartnerModals-IStockModals-___IStockFirstTimeOnSiteModal__banner___XnKcp:after {
    padding-top: 58.670988654%; /* Based on the proportions of the image */
    display: block;
    content: '';
}

.src-mainapp-modals-PartnerModals-IStockModals-___IStockFirstTimeOnSiteModal__bannerContent___C\+rlP {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 3fr 4fr 3fr;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.src-mainapp-modals-PartnerModals-IStockModals-___IStockFirstTimeOnSiteModal__ESLogoContainer___FwkRz {
    grid-row: 2 / span 1;
    grid-column: 3 / span 1;
    border: 1px solid var(--es-color-border-primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.src-mainapp-modals-PartnerModals-IStockModals-___IStockFirstTimeOnSiteModal__ESLogo___MIoM7 {
    width: 80%;
    fill: var(--es-color-icon-light-static);
}

.src-mainapp-modals-PartnerModals-IStockModals-___IStockFirstTimeOnSiteModal__iStockLogoContainer___nps\+F {
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
    background-color: var(--es-color-icon-light-static);
    display: flex;
    align-items: center;
    justify-content: center;
}

.src-mainapp-modals-PartnerModals-IStockModals-___IStockFirstTimeOnSiteModal__iStockLogo___f0V7x {
    fill: var(--es-color-icon-dark-static);
}

.src-mainapp-modals-PartnerModals-IStockModals-___IStockFirstTimeOnSiteModal__iStockLogo___f0V7x path {
    fill: var(--es-color-icon-dark-static);
}

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

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

.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;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;

    flex-basis: 100%;

    padding: 0.25rem;

    &.src-mainapp-banners-PluginBannerSection-___PluginBanner-module__s___NpabX {
        max-width: 9.5rem;
        min-width: 9.5rem;
        height: 5rem;

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

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

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



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

@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-mainapp-SignedOutNav-___EsNavLogo__logo___hTGS4 {
    width: 12.5rem;
}

.src-mainapp-SignedOutNav-___EsNavLogo__logoIsWrapped___9mCQl {
    width: 1.25rem;
    height: 1.5rem;
}

.src-mainapp-SignedOutNav-___EsNavLogo__logoIsWrappedRemix___DAZqo {
    max-width: 1.25rem;
}

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

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

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

.src-mainapp-SignedOutNav-___GettyNavLogo__logo___4499B {
    width: 7rem;
}

.src-mainapp-SignedOutNav-___IStockNavLogo__logo___IddBI {
    border-left: 1px solid var(--pds-color-gray_2);
}

.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__gettyLogo___jqYgZ {
    padding-left: 1.25rem;
    border-left: 1px solid var(--pds-color-gray_2);
}

.src-mainapp-SignedOutNav-___SignedOutNav__iStockLogo___Okz3K {
    border-left: 1px solid undefined;
}

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

    .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 {
    background-color: var(--pds-color-black);
    height: 4rem;
    position: sticky;
    width: 100%;
    box-sizing: border-box;
    padding: 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__navbarContainer___9XMrJ {
    background-color: var(--es-color-background-base);
    padding: 1rem 0;
    height: -moz-fit-content;
    height: fit-content;
    font-family: 'Inter', sans-serif;
}

.src-mainapp-SignedOutNav-components-___NavBar__container___1XOK4.src-mainapp-SignedOutNav-components-___NavBar__navbarContainer___9XMrJ .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 {
    background-color: var(--pds-color-black);
    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__remixMenuIsOpen___tB7yV {
    background-color: var(--es-color-background-base);
    font-family: 'Inter', sans-serif;
}
.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__isActive___t6v-i {
    background-color: var(--es-color-action-ghost);
}

.src-mainapp-SignedInNav-___NavSecondaryItems__burgerMenuButton___bHwH7:hover,
.src-mainapp-SignedInNav-___NavSecondaryItems__isActive___t6v-i: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: 75rem) {
    .src-mainapp-SignedInNav-___AppsDropdown__button___ZsFbW span {
        display: none;
    }
}

.src-mainapp-SignedInNav-___AppsDropdown__hasBadge___kZpV5::after {
    display: inline-block;

    padding: 0.125rem 0.375rem;

    font-size: var(--es-i-status-badge-font-size, 0.625rem);
    font-weight: 600;
    line-height: 1rem;
    letter-spacing: 0.0625rem;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: baseline;

    background-color: var(--es-color-background-new);
    color: var(--es-color-text-dark-static);
    content: attr(data-badge);
}

.src-mainapp-SignedInNav-___NavLink__container___M9jni {
    border-radius: var(--es-radius-small);
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    color: var(--es-color-text-secondary);
}

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

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

.src-mainapp-SignedInNav-___NavMainItems__linkWrapper___rq0ZA {
    display: flex;

    height: 100%;
}

.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-___Logo__gettyLogo___oL4ui {
    margin-left: 1rem;
    padding-left: 1rem;
    border-left: 1px solid var(--es-color-border-secondary);
}

.src-mainapp-SignedInNav-___Logo__iStockLogo___yw\+OA {
    margin-left: 1rem;
    padding-left: 1rem;
    border-left: 1px solid var(--es-color-border-secondary);
}

.src-mainapp-SignedInNav-___Logo__multiLogo___1bLX6 {
    display: flex;
    align-items: center;
}

.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-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__trackTitle___pWmom {
    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__playingTitle___cXJ3n {
    font-size: 1rem;
    line-height: 1.33;
    font-weight: 400;
    color: var(--es-color-text-primary);
}

.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;
    cursor: pointer;
    opacity: 1;
}

.src-mainapp-subscriptions-components-___FeaturedTrack__ctaText___j-PzA {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    color: var(--es-color-text-primary);
    font-weight: 400;
    text-align: left;
}

.src-mainapp-subscriptions-components-___FeaturedTrack__ctaImage___UG0ow {
    filter: brightness(0.6);
}

@media (min-width: 60rem) {
    .src-mainapp-subscriptions-components-___FeaturedTrack__playingTitle___cXJ3n {
        font-size: 0.6rem;
    }
    .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-ManageSubscription-___TwoColumnPage__italic___Ab8L7 {
    font-style: italic;
}

.src-mainapp-subscriptions-pages-ManageSubscription-___TwoColumnPage__container___4Tq7n {
    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-ManageSubscription-___TwoColumnPage__leftSide___wNCSk {
    justify-content: center;
    width: 100%;
    padding-top: 3rem;
    padding-bottom: 6rem;
    background: var(--es-color-background-base);
}

.src-mainapp-subscriptions-pages-ManageSubscription-___TwoColumnPage__leftSideInner___tM1L\+ {
    padding-right: 1rem;
    padding-left: 1rem;
}

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

.src-mainapp-subscriptions-pages-ManageSubscription-___TwoColumnPage__rightSideBackground___BDTfi {
    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-ManageSubscription-___TwoColumnPage__rightSideInner___Wmp\+a {
    margin-right: 1rem;
    margin-left: 1rem;
}

.src-mainapp-subscriptions-pages-ManageSubscription-___TwoColumnPage__section___jjlLh {
    margin-bottom: 2rem;
}

.src-mainapp-subscriptions-pages-ManageSubscription-___TwoColumnPage__title___zkk9Z {
    padding-bottom: 1rem;
}

.src-mainapp-subscriptions-pages-ManageSubscription-___TwoColumnPage__footerActionsContainer___qnC\+W {
    background-color: var(--es-color-background-base);
    position: fixed;
    inset: auto 0 0 0;
    width: 100%;
}

.src-mainapp-subscriptions-pages-ManageSubscription-___TwoColumnPage__footerActionsInner___a0jNP {
    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) {
    /* Mobile view still but with padding around */

    .src-mainapp-subscriptions-pages-ManageSubscription-___TwoColumnPage__container___4Tq7n {
        justify-content: unset;
        margin-bottom: unset;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-___TwoColumnPage__leftSide___wNCSk {
        display: flex;
        align-items: center;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-___TwoColumnPage__leftSideInner___tM1L\+ {
        max-width: 32rem;
        width: 100%;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-___TwoColumnPage__rightSide___7eUka {
        display: flex;
        align-items: center;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-___TwoColumnPage__rightSideInner___Wmp\+a {
        max-width: 32rem;
    }
}

@media (min-width: 60rem) {
    /* Two columns with contents centered in each column */

    .src-mainapp-subscriptions-pages-ManageSubscription-___TwoColumnPage__container___4Tq7n {
        display: flex;
        flex-direction: row;
        height: 100%;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-___TwoColumnPage__leftSide___wNCSk {
        width: 50vw;
        align-items: flex-start;
        padding-bottom: 8rem;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-___TwoColumnPage__rightSide___7eUka {
        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-ManageSubscription-___TwoColumnPage__rightSideBackground___BDTfi {
        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-ManageSubscription-___TwoColumnPage__leftSideInner___tM1L\+ {
        padding: 0 3.5rem;
        max-width: 38rem;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-___TwoColumnPage__rightSideInner___Wmp\+a {
        box-sizing: border-box;
        max-width: 32rem;
        height: 100%;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-___TwoColumnPage__footerActionsContainer___qnC\+W {
        display: flex;
        justify-content: flex-end;
        width: 50vw;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-___TwoColumnPage__footerActionsInner___a0jNP {
        margin: 0 3.5rem;
        padding: 3rem 0rem;
        max-width: 38rem;
    }
}

@media (min-width: 90rem) {
    /* Two columns with contents floating towards screen center */
    .src-mainapp-subscriptions-pages-ManageSubscription-___TwoColumnPage__leftSide___wNCSk {
        justify-content: flex-end;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-___TwoColumnPage__leftSideInner___tM1L\+ {
        padding: 0 3.5rem 0 0;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-___TwoColumnPage__rightSide___7eUka {
        justify-content: flex-start;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-___TwoColumnPage__rightSideInner___Wmp\+a {
        margin-left: 6rem;
        margin-right: 0;
    }
}

#src-mainapp-subscriptions-pages-ManageSubscription-___PauseSubscriptionPage__heading___qxY4y {
    margin-bottom: 1.5rem;
}

#src-mainapp-subscriptions-pages-ManageSubscription-___PauseSubscriptionPage__pauseInfoContainer___CoUyc {
    margin: 3rem 0;
}

#src-mainapp-subscriptions-pages-ManageSubscription-___PauseSubscriptionPage__pauseInfoList___be49z {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 1.5rem;
}

.src-mainapp-subscriptions-pages-ManageSubscription-___PauseSubscriptionPage__pauseInfoListItem___sJo5G {
    display: flex;
    align-items: center;
}

.src-mainapp-subscriptions-pages-ManageSubscription-___PauseSubscriptionPage__pauseInfoListItemTextContainer___K6Mi- {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 1rem;
}

.src-mainapp-subscriptions-pages-ManageSubscription-___PauseSubscriptionPage__pauseInfoListItemIcon___G-Yh8 {
    min-width: 1.5rem;
}

@media (min-width: 30rem) {
    #src-mainapp-subscriptions-pages-ManageSubscription-___PauseSubscriptionPage__pauseInfoContainer___CoUyc {
        margin: 4rem 0;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-___PauseSubscriptionPage__pauseInfoListItemTextContainer___K6Mi- {
        padding: 1rem;
    }
}

.src-mainapp-subscriptions-pages-ManageSubscription-___ResumeSubscriptionPage__pageHeader___1SLGr {
    margin-top: 0rem;
}

.src-mainapp-subscriptions-pages-ManageSubscription-___ResumeSubscriptionPage__pageHeader___1SLGr > p {
    margin-top: 1rem;
}

.src-mainapp-subscriptions-pages-ManageSubscription-___ResumeSubscriptionPage__icon___e05KU {
    min-width: 2.5rem;
    display: flex;
    align-items: center;
}

.src-mainapp-subscriptions-pages-ManageSubscription-___ResumeSubscriptionPage__infoBlock___F17A3 {
    display: flex;
}

.src-mainapp-subscriptions-pages-ManageSubscription-___ResumeSubscriptionPage__infoBlockBody___jYrjB {
    padding: 0.5rem 1rem;
}

.src-mainapp-subscriptions-pages-ManageSubscription-___ResumeSubscriptionPage__infoBlockText___umrG0 {
    margin-bottom: 4px;
}

.src-mainapp-subscriptions-pages-ManageSubscription-___ResumeSubscriptionPage__infoSection___bxJqd {
    margin: 3rem 0;
}

.src-mainapp-subscriptions-pages-ManageSubscription-___ResumeSubscriptionPage__infoSectionBody___RuNkj {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.src-mainapp-subscriptions-pages-ManageSubscription-___ResumeSubscriptionPage__dividerWrapper___jl6B8 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

@media (min-width: 60rem) {
    .src-mainapp-subscriptions-pages-ManageSubscription-___ResumeSubscriptionPage__pageHeader___1SLGr {
        margin-top: 1rem;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-___ResumeSubscriptionPage__pageHeader___1SLGr > p {
        margin-top: 1.5rem;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-___ResumeSubscriptionPage__icon___e05KU {
        min-width: 2rem;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-___ResumeSubscriptionPage__infoSection___bxJqd {
        margin: 4rem 0;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-___ResumeSubscriptionPage__infoSectionBody___RuNkj {
        margin-top: 1rem;
        gap: unset;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-___ResumeSubscriptionPage__infoBlockBody___jYrjB {
        padding: 1rem 1rem;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-___ResumeSubscriptionPage__dividerWrapper___jl6B8 {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-___ResumeSubscriptionPage__pageActionsRow___jsn2M {
        padding: 3rem 0;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-___ResumeSubscriptionPage__pageActionsRow___jsn2M > * {
        flex: unset;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-___ResumeSubscriptionPage__pageActionsRow___jsn2M > :first-child {
        margin-right: unset;
    }
}

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

.src-mainapp-subscriptions-pages-ManageSubscription-___CardLink__cardLinkButton___4RvIV {
    border: none;
    border-radius: 0;
    padding: 0;
    text-align: left;
}

.src-mainapp-subscriptions-pages-ManageSubscription-___CardLink__cardContainer___jLPCv {
    padding: 1rem 3.5rem 1rem 1rem;
    cursor: pointer;
}

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

.src-mainapp-subscriptions-pages-ManageSubscription-___CardLink__cardTitle___OtJyJ {
    margin-bottom: 0.25rem;
}

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

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

    .src-mainapp-subscriptions-pages-ManageSubscription-___CardLink__cardIcon___eAQiJ {
        right: 1.5rem;
    }
}

.src-mainapp-subscriptions-pages-ManageSubscription-___ManageSubscriptionPage__title___ybw83 {
    margin-bottom: 3rem;
}

.src-mainapp-subscriptions-pages-ManageSubscription-___ManageSubscriptionPage__divider___EniwO {
    width: 100%;
    margin-top: 3rem;
    border-bottom: 1px solid var(--es-color-misc-divider);
}

@media (min-width: 30rem) {
    .src-mainapp-subscriptions-pages-ManageSubscription-___ManageSubscriptionPage__title___ybw83 {
        margin-bottom: 4rem;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-___ManageSubscriptionPage__divider___EniwO {
        margin-top: 4rem;
    }
}

.src-mainapp-subscriptions-pages-ManageSubscription-___ManageSubscriptionPage__cardLinkContainer___LnmPx {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___BackburnerOfferPage__header___jBxoO {
    h1 {
        margin-bottom: 1.5rem;
    }
    margin-bottom: 3rem;
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___BackburnerOfferPage__offerCard___x7\+K6 {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 2rem 1rem 1rem 1rem;
    background-color: var(--es-color-background-surface);
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___BackburnerOfferPage__offerCardPrices___LSGU3 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___BackburnerOfferPage__offerCardPrice___kam\+v {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___BackburnerOfferPage__offerCardOriginalPrice___uRcSG {
    text-decoration: line-through;
    color: var(--es-color-text-disabled);
}

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

@media (min-width: 30rem) {
    .src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___BackburnerOfferPage__actionContainer___Sqtj5 {
        margin-top: 4rem;
        padding-top: 4rem;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___BackburnerOfferPage__offerCard___x7\+K6 {
        padding: 3.5rem 2rem 2rem 2rem;
        gap: 3.5rem;
    }
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___CancelSuccessfulPage__header___lZF6O {
    h1 {
        margin-bottom: 2rem;
    }
}

@media (min-width: 30rem) {
    .src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___CancelSuccessfulPage__header___lZF6O {
        h1 {
            margin-bottom: 3rem;
        }
    }
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___CancelSuccessfulPage__mrTop4___zhcly {
    margin-top: 4px;
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___CancelSuccessfulPage__cancelInfoContainer___KI7vi {
    display: flex;
    flex-direction: column;
    margin: 3rem 0;

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

@media (min-width: 30rem) {
    .src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___CancelSuccessfulPage__cancelInfoContainer___KI7vi {
        margin: 4rem 0;

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

#src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___CancelSuccessfulPage__cancelInfoList___Q8E8p {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 1.5rem;
}

@media (min-width: 30rem) {
    #src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___CancelSuccessfulPage__cancelInfoList___Q8E8p {
        margin-top: 1rem;
    }
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___CancelSuccessfulPage__cancelInfoListItem___mIsQQ {
    display: flex;
    align-items: center;
}

@media (min-width: 30rem) {
    .src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___CancelSuccessfulPage__cancelInfoListItem___mIsQQ {
        margin-bottom: unset;
    }
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___CancelSuccessfulPage__cancelInfoListItemTextContainer___kF9LJ {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 1rem;
}

@media (min-width: 30rem) {
    .src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___CancelSuccessfulPage__cancelInfoListItemTextContainer___kF9LJ {
        padding: 1rem 1rem;
    }
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___CancelSuccessfulPage__cancelInfoListItemIcon___VNaqb {
    min-width: 1.5rem;
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___CancelSuccessfulPage__featureCardContainer___lZXA0 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 1.5rem;
}

@media (min-width: 30rem) {
    .src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___CancelSuccessfulPage__featureCardContainer___lZXA0 {
        gap: 16px;
    }
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___CancelSuccessfulPage__featureCard___K4emj {
    display: flex;
    flex: 1;
    background-color: var(--es-color-background-surface);
    min-height: 100px;
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___CancelSuccessfulPage__featureCardIcons___9qfqj {
    background-color: var(--es-color-background-surface);
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 24px;
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___CancelSuccessfulPage__featureCardContent___WdjrW {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 24px;
    justify-content: space-between;
    padding: 16px;
}

@media (min-width: 30rem) {
    .src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___CancelSuccessfulPage__featureCardIcons___9qfqj {
        flex-direction: row;
        justify-content: center;
        width: 152px;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___CancelSuccessfulPage__featureCardContent___WdjrW {
        flex-direction: row;
        align-items: center;
    }

    .src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___CancelSuccessfulPage__featureCardButton___sAyBN {
        min-width: 136px;
    }
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___CancelSuccessfulPage__actionContainer___NBvwN {
    display: flex;
    justify-content: left;
    flex-direction: column;
    gap: 1rem;
    border-top: 1px solid var(--es-color-misc-divider);
    padding: 3rem 0 0 0;
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___CancelSuccessfulPage__actionContainer___NBvwN > button:first-child {
    margin-right: 1rem;
}

@media (min-width: 30rem) {
    .src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___CancelSuccessfulPage__actionContainer___NBvwN {
        flex-direction: row;
        padding-top: 4rem;
    }
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___ChurnSurveyPage__header___0MKmK {
    h1 {
        margin-bottom: 1rem;
    }
    margin-bottom: 3rem;
}

@media (min-width: 30rem) {
    .src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___ChurnSurveyPage__header___0MKmK {
        h1 {
            margin-bottom: 1.5rem;
        }
    }
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___ChurnSurveyPage__errorBanner___IhGHA {
    margin-bottom: 3rem;
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___ChurnSurveyPage__reasonsContainer___Y04pZ {
    border: none;
    padding: 0;
    margin: 0;

    legend {
        margin-bottom: 1rem;
    }
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___ChurnSurveyPage__reasonsList___8y1K5 {
    margin: unset;
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___ChurnSurveyPage__churnMainReasonOption___08jBn {
    padding: 16px;
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___ChurnSurveyPage__churnMainReasonOptionChecked___qYpRo {
    background-color: var(--es-color-misc-selected);
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___ChurnSurveyPage__wouldResubscribeContainer___zgRoz {
    padding: 3rem 0;
    h2 {
        margin-bottom: 1.5rem;
    }
}

@media (min-width: 30rem) {
    .src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-___ChurnSurveyPage__wouldResubscribeContainer___zgRoz {
        padding-bottom: 4rem;
    }
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-components-___PillSelector__pillSelector___31XTw {
    border: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 8px;

    legend {
        margin-bottom: 1.5rem;
    }
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-components-___PillSelector__pillButton___E\+SmC {
    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-ManageSubscription-CancelSubscriptionFlow-components-___PillSelector__pillButton___E\+SmC > input[type='radio'] {
    -webkit-appearance: none;
            appearance: none;
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-components-___PillSelector__pillButton___E\+SmC:hover {
    background-color: var(--es-color-action-secondary-hovered);
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-components-___PillSelector__pillButton___E\+SmC:has(input[type='radio']:active) {
    background-color: var(--es-color-action-secondary-hovered);
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-components-___PillSelector__pillButton___E\+SmC: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-ManageSubscription-CancelSubscriptionFlow-components-___PillSelector__selected___lvKUg {
    background-color: var(--es-color-action-primary);
    color: var(--es-color-text-inverse);
}

.src-mainapp-subscriptions-pages-ManageSubscription-CancelSubscriptionFlow-components-___PillSelector__selected___lvKUg:hover {
    background-color: var(--es-color-action-primary);
    color: var(--es-color-text-inverse);
}

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

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-___StemsSelector__item___J2ukp {
    min-width: 200px;
    font-family: 'Epidemic';
}

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

.src-mainapp-player-components-___StemsSelector__wrapper___T5Qss {
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between;
    padding: 0 0.5rem;
}

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

.src-mainapp-player-components-___StemsSelector__arrow___da0Nb {
    font-size: 0.75rem;
    margin-top: 2px;
    margin-left: 0.5rem;
    color: var(--es-color-icon-secondary);
    transform: scaleY(0.7);
    transform-origin: center;
}

.src-mainapp-player-components-___StemsSelector__initial___SSuWl {
    transform: scaleY(0.7) rotate(180deg);
}

.src-mainapp-player-components-___Actions__findSimilar___OmvZW {
    margin-right: 1.5rem;
}

.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: #bb76ff16;

    @media (--es-breakpoint-max-medium) {
        color: var(--es-color-icon-primary);
    }

    &:active {
        background: #bb76ff32;
    }

    &:hover {
        background: #bb76ff24;
    }

    &: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-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: 3fr 3rem 3fr 10fr auto 3fr;
    padding: 0 1.5rem;
    box-shadow: var(--es-elevation-bottom);
}

.src-mainapp-player-components-___PlayerBar__player___A7PXS.src-mainapp-player-components-___PlayerBar__hasSubBar___v3y6s {
    grid-template-columns: 3rem 3fr 3fr 10fr auto 3fr;
}

.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-___PlayerSubBar__playerSubBar___OUhf9 {
    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 0.75rem;
    justify-content: space-between;
    align-self: stretch;
}

.src-mainapp-player-components-___PlayerSubBar__leftSection___GIRhz {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
}

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

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

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

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

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

.src-mainapp-player-components-___PlayerSubBar__subBarButton___IeHsd,
.src-mainapp-player-components-___PlayerSubBar__preferredLengthBtn___gqNwi {
    box-sizing: border-box;
    min-height: 32px;
    font-size: 12px;
    padding: 0.25rem 0.75rem;
}

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

.src-mainapp-player-components-___PlayerSubBar__stemsButton___Ep9ft.src-mainapp-player-components-___PlayerSubBar__open___\+x3sn {
    background-color: var(--es-color-action-ghost-hovered);
}

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

.src-mainapp-player-components-___PlayerSubBar__stemsButton___Ep9ft.src-mainapp-player-components-___PlayerSubBar__open___\+x3sn::after {
    transform: rotate(180deg);
}

.src-mainapp-player-components-___PlayerSubBar__stemOption___\+ZHP7 {
    min-width: 200px;
    font-family: 'Epidemic';
}

.src-mainapp-player-components-___PlayerSubBar__stemOption___\+ZHP7 label {
    padding: 8px 0;
}

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

.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;
    z-index: 1040;
    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-___Warnings__maintenanceNoticeBar___MSKwA {
    align-items: center;
    background: var(--pds-color-gray_1);
    display: flex;
    justify-content: space-between;
    z-index: 1040;
    padding: 0.625rem 0.8125rem;
}

.src-mainapp-___MessageContainer__messageContainer___DciBh {
    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-components-___DiscountBanner__banner___XLxwZ {
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: var(--es-color-background-positive);
    text-align: center;
}

.src-mainapp-components-___DiscountBanner__bannerCta___irV1O {
    background: none;
    border: none;
    margin: 0.5rem;
    padding: 0px;
    min-height: unset;
    font-weight: unset;
    border-bottom-width: 1.5px;
    border-bottom-style: solid;
    border-radius: 0px;
    border-color: transparent;
}

.src-mainapp-components-___DiscountBanner__bannerCta___irV1O:hover,
.src-mainapp-components-___DiscountBanner__bannerCta___irV1O:focus {
    border-color: var(--es-color-text-inverse);
}

.src-mainapp-components-___DiscountBanner__bannerText___EdJxd {
    margin: 0.5rem;
}

.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-___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__animationWrapper___5AZzd {
    position: absolute;
    left: 0;
    top: 0;
}

.src-mainapp-track-edits-components-___TrackEdits__inputContainer___1TXEK {
    min-width: 0;
    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 {
    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-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-___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: 100vh;
    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,
.src-mainapp-___PlaylistDownload__toastContainer___SqtYM.src-mainapp-___PlaylistDownload__noticeVisible___UNp3n > 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,
.src-mainapp-___PlaylistDownload__toastContainer___SqtYM.src-mainapp-___PlaylistDownload__playerIsOpen___b-W5k.src-mainapp-___PlaylistDownload__noticeVisible___UNp3n > div,
.src-mainapp-___PlaylistDownload__toastContainer___SqtYM.src-mainapp-___PlaylistDownload__noticeVisible___UNp3n.src-mainapp-___PlaylistDownload__emailBarIsVisible___FjuUT > 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,
.src-mainapp-___PlaylistDownload__toastContainer___SqtYM.src-mainapp-___PlaylistDownload__emailBarIsVisible___FjuUT.src-mainapp-___PlaylistDownload__noticeVisible___UNp3n.src-mainapp-___PlaylistDownload__playerIsOpen___b-W5k > div {
    transform: translateY(-15rem);
}

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


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