.src-mainapp-components-Cta-___Cta__container___PAA7O {
    display: inline-block;
}

.src-mainapp-components-PricingBoxesV2-PricingBox-ui-___PricingBoxLayout-module__box___4yEGN {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.src-mainapp-components-PricingBoxesV2-PricingBox-ui-___PricingBoxLayout-module__top___oT-48 {
    padding: 1.5rem;
    position: relative;
    background: var(--es-color-background-elevation);
}

.src-mainapp-components-PricingBoxesV2-PricingBox-ui-___PricingBoxLayout-module__middle___qsqqx {
    padding: 0.5rem 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: var(--es-color-background-elevation);
}

.src-mainapp-components-PricingBoxesV2-PricingBox-ui-___PricingBoxLayout-module__bottom___pkeTI {
    padding: 1.5rem;
    display: flex;
    align-items: flex-end;
    justify-content: stretch;
    height: 100%;
    background: var(--es-color-background-elevation);
}

.src-mainapp-components-PricingBoxesV2-PricingBox-ui-___ButtonsWrapperUI-module__buttonsWrapper___2R116 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* 
** For some reason .featureList selector has higher specificity than classNames props passed in to this component
** Wrap in a CSS layer to make sure that these stylings always have lower specificity 
*/
@layer FeatureListingUI {
    .src-mainapp-components-PricingBoxesV2-PricingBox-ui-___FeatureListingUI-module__checkIcon___1coSL {
        margin-right: 0.5rem;
        min-width: 1.5rem;
    }

    .src-mainapp-components-PricingBoxesV2-PricingBox-ui-___FeatureListingUI-module__featureList___p1vDr {
        list-style: none;
        margin: 2.5rem 0 0;
        padding: 0;
    }

    .src-mainapp-components-PricingBoxesV2-PricingBox-ui-___FeatureListingUI-module__featureList___p1vDr li {
        display: flex;
        padding-bottom: 0.25rem;
    }

    .src-mainapp-components-PricingBoxesV2-PricingBox-ui-___FeatureListingUI-module__newFeature___jGbh8 {
        font-weight: 700;
    }
}

.src-mainapp-components-PricingBoxesV2-PricingBox-ui-___TitleUI-module__titleGrid___V0ict {
    height: 2.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.src-mainapp-components-PricingBoxesV2-PricingBox-components-TeamPlan-___PricingBoxTeamSize__teamSize___ppXGA {
    display: flex;
    align-items: center;
}

.src-mainapp-components-PricingBoxesV2-PricingBox-components-TeamPlan-___PricingBoxTeamSize__teamSize___ppXGA svg {
    margin-right: 0.5rem;
}

.src-mainapp-components-PricingBoxesV2-PricingBox-components-TeamPlan-___PricingBoxTeamSizeSelect__select___e-bxq {
    margin-bottom: 0;
}
.src-mainapp-components-PricingBoxesV2-PricingBox-components-TeamPlan-___PricingBoxTeamSizeSelect__select___e-bxq label {
    display: none;
}
.src-mainapp-components-PricingBoxesV2-PricingBox-components-TeamPlan-___PricingBoxTeamSizeSelect__select___e-bxq button {
    height: 2.25rem;
    padding-top: 6px;
    padding-bottom: 6px;
}

.src-mainapp-components-PricingBoxesV2-PricingBox-ui-___PricingBoxPriceUI-module__priceWrapper___IkqSW {
    display: flex;
    flex-direction: column;
}
.src-mainapp-components-PricingBoxesV2-PricingBox-ui-___PricingBoxPriceUI-module__superscript___tBsCG {
    font-size: 0.5em;
    position: relative;
    bottom: 0.7em;
}

.src-mainapp-components-PricingBoxesV2-PricingBox-ui-discounts-___DiscountTopBanner-module__topBannerWithDiscount___siQz4 {
    background: var(--es-color-background-brand-red);
    display: flex;
    justify-content: center;
    padding: 0.75rem;
}

@media (min-width: 30rem) {
    .src-mainapp-components-PricingBoxesV2-PricingBox-ui-discounts-___DiscountTopBanner-module__topBanner___ItBab {
        min-height: 2rem;
        padding: 0.75rem;
        margin-top: 1rem;
    }
}

@media (min-width: 30rem) {
    .src-mainapp-components-PricingBoxesV2-PricingBox-ui-discounts-___DiscountPricingBoxPriceUI-module__discountPriceSpacing___hx7uq {
        height: var(--es-heading-xs-line-height);
    }
}

.src-mainapp-components-PricingBoxesV2-PricingBox-ui-discounts-___DiscountPricingBoxPriceUI-module__superscript___PWoL0 {
    font-size: 0.5em;
    position: relative;
    bottom: 0.7em;
}

.src-mainapp-components-PricingBoxesV2-PricingBox-ui-___HighlightUI-module__highlight___wb-td {
    position: absolute;
    background-color: var(--es-color-background-inverse);
    text-transform: uppercase;
    padding: 0.5rem;
    color: var(--es-color-text-inverse);
    top: 0;
    transform: translateY(-1rem);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.1em;
}

/* one column for mobiles */
ul.src-mainapp-components-PricingBoxesV2-___PricingBoxesV2-module__grid___zRe7T {
    display: grid;
    grid-template-columns: 1fr;
    -moz-column-gap: var(--es-grid-gutter-large);
         column-gap: var(--es-grid-gutter-large);
    row-gap: var(--es-grid-gutter-large);
    padding-inline-start: 0;
}
/* two columns for tablets*/
@media (min-width: 48rem) {
    ul.src-mainapp-components-PricingBoxesV2-___PricingBoxesV2-module__grid___zRe7T {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* one row for large screens, unless it's 4 boxes then wait a bit more*/
@media (min-width: 70rem) {
    ul.src-mainapp-components-PricingBoxesV2-___PricingBoxesV2-module__grid___zRe7T:not(:has(> :nth-child(4))) {
        grid-template-columns: repeat(auto-fit, minmax(0px, 1fr));
    }
}
/* if the number of boxes is 4 or more then split into one row at 82rem instead of 70 */
@media (min-width: 82rem) {
    ul.src-mainapp-components-PricingBoxesV2-___PricingBoxesV2-module__grid___zRe7T:has(> :nth-child(4)) {
        grid-template-columns: repeat(auto-fit, minmax(0px, 1fr));
    }
}
.src-mainapp-components-PricingBoxesV2-___PricingBoxesV2-module__billingCycleToggle___TZImr {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 1.5rem;
}

.src-mainapp-pages-community-___CommunityPlaylistLandingPage__main___hXTGC {
    width: 100%;
}

.src-mainapp-pages-community-___CommunityPlaylistLandingPage__hero___SJTCz {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.src-mainapp-pages-community-___CommunityPlaylistLandingPage__heroContent___jeBCl {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 40rem;
    text-align: center;
}

.src-mainapp-pages-community-___CommunityPlaylistLandingPage__heroHeading___eQ3Uj {
    max-width: 30rem;
    margin: 3rem 0;
}

.src-mainapp-pages-community-___CommunityPlaylistLandingPage__heroText___2FCvq {
    margin-top: 0;
    margin-bottom: 2rem;
}

.src-mainapp-pages-community-___CommunityPlaylistLandingPage__playlistWrapper___xfIz4 {
    background-color: var(--es-color-background-base);
    padding-bottom: 2rem;
    margin-bottom: 4rem;
}

.src-mainapp-pages-community-___CommunityPlaylistLandingPage__playlistName___7uoQg {
    margin: 2rem 0;
}

.src-mainapp-pages-community-___CommunityPlaylistLandingPage__playlistActions___FPYvA {
    display: flex;
    justify-content: center;
    margin: 2rem 0;
}

.src-mainapp-pages-community-___CommunityPlaylistLandingPage__toggleWrapper___5XG7a {
    display: flex;
    justify-content: center;
}


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