:root {
    --clr-accent-primary-hover: #268623;
    --clr-outside-yellow: #fdd20a;
    --clr-outside-yellow-hover: #fab819;

    --clr-alert-success: #e9fce8;

    --clr-txt-primary: var(--clr-granite2);
    --clr-txt-secondary: var(--clr-granite3);
    --clr-accent-primary: #3cc537;
    --clr-accent-primary-hover: #268623;
    --clr-error-primary: var(--clr-summer4);

    --clr-conifer1: rgb(24, 64, 35);
    --clr-conifer2: rgb(28, 79, 43);
    --clr-conifer3: rgb(39, 99, 56);
    --clr-conifer4: rgb(47, 121, 68);
    --clr-conifer5: rgb(54, 133, 77);
    --clr-conifer6: rgb(64, 157, 91);
    --clr-conifer7: rgb(105, 192, 131);
    --clr-conifer8: rgb(161, 218, 179);
    --clr-conifer9: rgb(199, 235, 211);
    --clr-conifer10: rgb(224, 245, 231);
    --clr-conifer: var(--clr-conifer3);

    --clr-granite1: rgb(28, 29, 31);
    --clr-granite2: rgb(56, 56, 59);
    --clr-granite3: rgb(96, 97, 99);
    --clr-granite4: rgb(123, 123, 125);
    --clr-granite5: rgb(147, 148, 150);
    --clr-granite6: rgb(172, 172, 174);
    --clr-granite7: rgb(207, 209, 211);
    --clr-granite8: rgb(227, 227, 229);
    --clr-granite9: rgb(241, 242, 243);
    --clr-granite10: rgb(255, 255, 255);

    --clr-spring1: rgb(26, 78, 24);
    --clr-spring2: rgb(28, 99, 26);
    --clr-spring3: rgb(38, 134, 35);
    --clr-spring4: rgb(47, 155, 44);
    --clr-spring5: rgb(56, 178, 52);
    --clr-spring6: rgb(60, 197, 55);
    --clr-spring7: rgb(76, 217, 72);
    --clr-spring8: rgb(133, 235, 129);
    --clr-spring9: rgb(190, 247, 188);
    --clr-spring10: rgb(233, 252, 232);
    --clr-spring: var(--clr-spring4);

    --clr-summer1: rgb(135, 39, 18);
    --clr-summer2: rgb(163, 47, 21);
    --clr-summer3: rgb(184, 56, 28);
    --clr-summer4: rgb(207, 68, 37);
    --clr-summer5: rgb(227, 80, 48);
    --clr-summer6: rgb(234, 103, 75);
    --clr-summer7: rgb(241, 141, 120);
    --clr-summer8: rgb(248, 181, 170);
    --clr-summer9: rgb(255, 217, 212);
    --clr-summer10: rgb(255, 240, 238);
    --clr-summer: var(--clr-summer4);

    --clr-fall1: rgb(212, 80, 15);
    --clr-fall2: rgb(224, 98, 20);
    --clr-fall3: rgb(237, 112, 17);
    --clr-fall4: rgb(245, 131, 17);
    --clr-fall5: rgb(250, 146, 27);
    --clr-fall6: rgb(252, 163, 56);
    --clr-fall7: rgb(252, 177, 86);
    --clr-fall8: rgb(253, 205, 147);
    --clr-fall9: rgb(255, 232, 196);
    --clr-fall10: rgb(255, 247, 235);
    --clr-fall: var(--clr-fall4);

    --clr-winter1: rgb(7, 89, 110);
    --clr-winter2: rgb(10, 112, 138);
    --clr-winter3: rgb(13, 134, 165);
    --clr-winter4: rgb(18, 153, 186);
    --clr-winter5: rgb(36, 168, 201);
    --clr-winter6: rgb(54, 184, 217);
    --clr-winter7: rgb(103, 208, 235);
    --clr-winter8: rgb(143, 226, 247);
    --clr-winter9: rgb(196, 243, 255);
    --clr-winter10: rgb(229, 250, 255);
    --clr-winter: var(--clr-winter2);

    --clr-snow-blind: var(--clr-granite10);

    --clr-gray-line: #ededed;

    --clr-white-hover: #e6e7e8;

    --clr-blue: #0479ff;
    --clr-black: #000000;
}

@supports (color: color(display-p3 0 0 0%)) {
:root {
    --clr-winter9: rgb(196, 243, 255);
}

@media (color-gamut: p3) {
:root {
    --clr-winter9: color(display-p3 0.80485 0.9477 0.99367);
}
}
}

.choose-your-plan {
    padding-block: 2rem;
    background-color: ghostwhite;

    /* color */
    --clr-check-oplus: black;

    /* font-size */
    --fs-heading-2: 40px;
    --fs-body-1: 16px;

    /* font-weight */
    --wght-normal: 400;

    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1em;
}

.choose-your-plan header {
    padding-inline: 2rem;
    margin-inline: 0;
    row-gap: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

:is(.choose-your-plan header) p {
        font-size: var(--fs-body-1);
        line-height: 1.3;
    }

:is(.choose-your-plan header) .h2 {
        font-size: var(--fs-heading-2);
    }

.choose-your-plan .scroller {
    box-sizing: border-box;
    padding: 2rem;
    inline-size: 100%;
    overflow-x: auto;
}

.choose-your-plan .plan-matrix .cta {
    inline-size: 100%;
}

.choose-your-plan .plan-matrix .cta a {
    position: relative;
    border: 2px solid;
    border-color: transparent;
}

.choose-your-plan .plan-matrix .gaia-basic .cta a {
    border-color: black;
}

.choose-your-plan {
    inline-size: 100%;
}

.choose-your-plan .scroller {
    padding-block: 2rem;
}

@media (max-width: 600px) {

.choose-your-plan .scroller {
        padding-block-start: 0;
}
    }

.choose-your-plan .plan-matrix {
    min-inline-size: 900px;
    margin-block: auto;
}

.choose-your-plan .scroller {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

:is(.choose-your-plan .scroller)::-webkit-scrollbar {
        display: none;
    }

.choose-your-plan progress {
    width: calc(100% - 2 * 3rem);
}

.plan-matrix {
    --highlight-row-height: 35px;
    display: grid;
    min-inline-size: 650px;
    inline-size: 100%;
    max-inline-size: 1135px;
    margin-inline: auto;
    grid-template-columns: minmax(200px, 1fr) repeat(3, minmax(max-content, 200px));
    grid-template-rows: var(--highlight-row-height) repeat(14, auto);
    font-size: 18px;
    line-height: 1.3;
    justify-items: stretch;

    /* Adjustments for go premium modal */
}

@media (max-width: 1100px) {

.plan-matrix[data-location='go-premium-modal'] {
            font-size: 14px;
    }
        }

@media (min-width: 1100px) {

.plan-matrix[data-location='go-premium-modal'] {
            font-size: 16px;
    }
        }

.plan-matrix .headings,
.plan-matrix .features {
    display: contents;
    z-index: 100;
}

.plan-matrix li:nth-of-type(1) {
    grid-row: 3;
}

.plan-matrix li:nth-of-type(2) {
    grid-row: 4;
}

.plan-matrix li:nth-of-type(3) {
    grid-row: 5;
}

.plan-matrix li:nth-of-type(4) {
    grid-row: 6;
}

.plan-matrix li:nth-of-type(5) {
    grid-row: 7;
}

.plan-matrix li:nth-of-type(6) {
    grid-row: 8;
}

.plan-matrix li:nth-of-type(7) {
    grid-row: 9;
}

.plan-matrix li:nth-of-type(8) {
    grid-row: 10;
}

.plan-matrix li:nth-of-type(9) {
    grid-row: 11;
}

.plan-matrix li:nth-of-type(10) {
    grid-row: 12;
}

.plan-matrix li:nth-of-type(11) {
    grid-row: 13;
}

.plan-matrix li:nth-of-type(12) {
    grid-row: 14;
}

.plan-matrix li:nth-of-type(13) {
    grid-row: 15;
}

.plan-matrix li {
    list-style: none;
}

.plan-matrix ul:not(:first-child) :is(li, .col-heading, .cta) {
    border-inline-start: 1px solid var(--clr-gray-line);
}

.plan-matrix ul :is(li, .col-heading) {
    border-block-end: 1px solid var(--clr-gray-line);
}

.plan-matrix .col-heading {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    grid-row: 2;
    padding-block-end: 0.5rem;
    margin-block: 1em 0;
    padding-inline-end: 1rem;
}

.plan-matrix :not(.headings) .col-heading {
    padding-inline-start: 1rem;
    align-items: center;
}

.plan-matrix .logo {
    box-sizing: border-box;
    inline-size: 100%;
    max-inline-size: 150px;
    transform: translateY(-50%);
}

.plan-matrix .price {
    margin-block: 0.5em 0;
    font-size: 30px;
    line-height: 1;
    white-space: nowrap;
}

.plan-matrix .price small {
    color: var(--clr-txt-secondary);
}

:is(.plan-matrix .features) .price::after {
        display: block;
        margin-block-start: 1em;
        font-size: 0.625rem;
        color: var(--clr-txt-secondary);
    }

.gaia-basic:is(.plan-matrix .features) .price::after {
        content: ' ';
    }

.gaia-premium:is(.plan-matrix .features) .price::after {
        content: ' ';
    }

.gaia-premium:is(.plan-matrix .features) .price.discounted::after {
        content: '' var(--gaia-premium-full-price);
        -webkit-text-decoration: line-through;
        text-decoration: line-through;
    }

.oplus:is(.plan-matrix .features) .price::after {
        content: ' ';
    }

.oplus:is(.plan-matrix .features) .price.discounted::after {
        content: '' var(--oplus-full-price);
        -webkit-text-decoration: line-through;
        text-decoration: line-through;
    }

.plan-matrix .price small {
    font-size: 50%;
    font-weight: var(--wght-normal);
}

.plan-matrix .price small b {
    font-size: 150%;
    font-weight: inherit;
}

.plan-matrix .features:first-child .col-heading {
    align-self: end;
}

.plan-matrix .features:not(:first-child) .col-heading {
    text-align: center;
}

.plan-matrix .cta {
    grid-row: -2;
}

.plan-matrix .headings li {
    grid-column: 1;
    padding-block: 0.5em;
    padding-inline-end: 1em;
    border-left: none;
}

.plan-matrix .gaia-basic :is(.col-heading, .check, .cta) {
    grid-column: 2;
}

.plan-matrix .gaia-premium :is(.col-heading, .check, .cta) {
    grid-column: 3;
}

.plan-matrix .oplus :is(h2, li, div) {
    grid-column: 4;
}

.plan-matrix .check {
    display: grid;
    place-items: center;
    color: var(--clr-accent-primary);
}

.oplus:is(.plan-matrix .check) {
        color: var(--clr-check-oplus);
    }

.plan-matrix .cta {
    font-size: 14px;
    padding: 1em;
}

.plan-matrix .cta a {
    padding-inline: 1em;
    box-sizing: border-box;
    inline-size: 100%;
    display: flex;
    padding-block: 1em;
    justify-content: center;
    align-items: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1;
}

.plan-matrix .gaia-basic .cta a {
    border: 2px solid black;
    color: black;
}

:is(.plan-matrix .gaia-basic .cta a):hover {
        background-color: var(--clr-white-hover);
    }

.plan-matrix .gaia-premium .cta a {
    color: white;
    background-color: var(--clr-accent-primary);
}

:is(.plan-matrix .gaia-premium .cta a):hover {
        background-color: var(--clr-accent-primary-hover);
    }

.plan-matrix .oplus .cta a {
    color: black;
    background-color: var(--clr-outside-yellow);
}

:is(.plan-matrix .oplus .cta a):hover {
        background-color: var(--clr-outside-yellow-hover);
    }

.plan-matrix .oplus.oplus :is(.col-heading, .check) {
    border-left: none;
}

.plan-matrix .highlight {
    --border-radius: 8px;
    display: flex;
    flex-direction: column;
    row-gap: 105px;
    grid-column: 4;
    grid-row: 1 / -1;
    border-color: var(--clr-outside-yellow);
    border-style: solid;
    border-inline-width: 1px;
    border-block-end-width: 1px;
    border-block-start-width: var(--border-radius);
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    pointer-events: none;
    z-index: 200;
}

:is(.plan-matrix .highlight) .percent-discount-callout {
        align-self: flex-end;
        text-align: center;
        translate: 50%;
        font-weight: 500;
        background-color: var(--clr-outside-yellow);
        border-radius: 50%;
        font-size: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 8px;
        aspect-ratio: 1;
    }

.plan-matrix .highlight p {
    background-color: var(--clr-outside-yellow);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5ch;
    padding-block: 0 0.5em;
    margin-block: 0;
    block-size: calc(var(--highlight-row-height) - var(--border-radius));
}

.plan-matrix .highlight p img {
    display: block;
    max-block-size: 100%;
}

.plan-matrix .legal {
    grid-column: 1 / -1;
    text-align: right;
    color: var(--clr-txt-secondary);
    font-size: 0.625rem;
    margin-top: 2rem;
}

:root {
    --clr-accent-primary-hover: #268623;
    --clr-outside-yellow: #fdd20a;
    --clr-outside-yellow-hover: #fab819;

    --clr-alert-success: #e9fce8;

    --clr-txt-primary: var(--clr-granite2);
    --clr-txt-secondary: var(--clr-granite3);
    --clr-accent-primary: #3cc537;
    --clr-accent-primary-hover: #268623;
    --clr-error-primary: var(--clr-summer4);

    --clr-conifer1: rgb(24, 64, 35);
    --clr-conifer2: rgb(28, 79, 43);
    --clr-conifer3: rgb(39, 99, 56);
    --clr-conifer4: rgb(47, 121, 68);
    --clr-conifer5: rgb(54, 133, 77);
    --clr-conifer6: rgb(64, 157, 91);
    --clr-conifer7: rgb(105, 192, 131);
    --clr-conifer8: rgb(161, 218, 179);
    --clr-conifer9: rgb(199, 235, 211);
    --clr-conifer10: rgb(224, 245, 231);
    --clr-conifer: var(--clr-conifer3);

    --clr-granite1: rgb(28, 29, 31);
    --clr-granite2: rgb(56, 56, 59);
    --clr-granite3: rgb(96, 97, 99);
    --clr-granite4: rgb(123, 123, 125);
    --clr-granite5: rgb(147, 148, 150);
    --clr-granite6: rgb(172, 172, 174);
    --clr-granite7: rgb(207, 209, 211);
    --clr-granite8: rgb(227, 227, 229);
    --clr-granite9: rgb(241, 242, 243);
    --clr-granite10: rgb(255, 255, 255);

    --clr-spring1: rgb(26, 78, 24);
    --clr-spring2: rgb(28, 99, 26);
    --clr-spring3: rgb(38, 134, 35);
    --clr-spring4: rgb(47, 155, 44);
    --clr-spring5: rgb(56, 178, 52);
    --clr-spring6: rgb(60, 197, 55);
    --clr-spring7: rgb(76, 217, 72);
    --clr-spring8: rgb(133, 235, 129);
    --clr-spring9: rgb(190, 247, 188);
    --clr-spring10: rgb(233, 252, 232);
    --clr-spring: var(--clr-spring4);

    --clr-summer1: rgb(135, 39, 18);
    --clr-summer2: rgb(163, 47, 21);
    --clr-summer3: rgb(184, 56, 28);
    --clr-summer4: rgb(207, 68, 37);
    --clr-summer5: rgb(227, 80, 48);
    --clr-summer6: rgb(234, 103, 75);
    --clr-summer7: rgb(241, 141, 120);
    --clr-summer8: rgb(248, 181, 170);
    --clr-summer9: rgb(255, 217, 212);
    --clr-summer10: rgb(255, 240, 238);
    --clr-summer: var(--clr-summer4);

    --clr-fall1: rgb(212, 80, 15);
    --clr-fall2: rgb(224, 98, 20);
    --clr-fall3: rgb(237, 112, 17);
    --clr-fall4: rgb(245, 131, 17);
    --clr-fall5: rgb(250, 146, 27);
    --clr-fall6: rgb(252, 163, 56);
    --clr-fall7: rgb(252, 177, 86);
    --clr-fall8: rgb(253, 205, 147);
    --clr-fall9: rgb(255, 232, 196);
    --clr-fall10: rgb(255, 247, 235);
    --clr-fall: var(--clr-fall4);

    --clr-winter1: rgb(7, 89, 110);
    --clr-winter2: rgb(10, 112, 138);
    --clr-winter3: rgb(13, 134, 165);
    --clr-winter4: rgb(18, 153, 186);
    --clr-winter5: rgb(36, 168, 201);
    --clr-winter6: rgb(54, 184, 217);
    --clr-winter7: rgb(103, 208, 235);
    --clr-winter8: rgb(143, 226, 247);
    --clr-winter9: rgb(196, 243, 255);
    --clr-winter10: rgb(229, 250, 255);
    --clr-winter: var(--clr-winter2);

    --clr-snow-blind: var(--clr-granite10);

    --clr-gray-line: #ededed;

    --clr-white-hover: #e6e7e8;

    --clr-blue: #0479ff;
    --clr-black: #000000;
}

@supports (color: color(display-p3 0 0 0%)) {
:root {
    --clr-winter9: rgb(196, 243, 255);
}

@media (color-gamut: p3) {
:root {
    --clr-winter9: color(display-p3 0.80485 0.9477 0.99367);
}
}
}

.Footer_footer__j6ZW {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--clr-granite9);
    background-color: var(--clr-granite2);
    font-size: 16px;
    line-height: 1.25;
}

.Footer_links__Nmwm {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(2, 1fr);
    gap: 2em;
    padding: 2em;
}

@media (min-width: 650.02px) and (max-width: 999.98px) {

.Footer_links__Nmwm {
        grid-template-columns: repeat(4, 1fr);
}
    }

@media (min-width: 1000px) {

.Footer_links__Nmwm {
        /* inline sizing needs to be specified since this uses `max-content` columns, which uses as much space as
        necessary but no more, instead of `fr` units, which expand to take up all available space */
        inline-size: 100%;
        max-inline-size: 1170px;
        /* 3rem left padding, 2x 135x40 badges with 1rem gap */
        grid-template-columns: repeat(4, max-content) calc(3rem + 135px + 1rem + 135px);
        gap: unset;
        justify-content: space-between;
}
    }

.Footer_links__Nmwm > section a,
.Footer_legal__PzWd :is(a, button) {
    color: inherit;
    /* parser doesn't like the `transparent` color keyword here for some reason */
    text-decoration: underline;
    -webkit-text-decoration: underline solid rgba(0, 0, 0, 0);
            text-decoration: underline solid rgba(0, 0, 0, 0);
    text-decoration-thickness: 0.125em;
    -webkit-text-decoration: underline 0.125em rgba(0, 0, 0, 0);
            text-decoration: underline 0.125em rgba(0, 0, 0, 0);
    text-underline-offset: 0.1875em;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
    transition: text-decoration-color 300ms;
}

:is(.Footer_links__Nmwm > section a,.Footer_legal__PzWd :is(a,button)):hover {
        text-decoration-color: inherit;
    }

.Footer_links__Nmwm > section > h4 {
    margin-block: 0 0.5em;
    font-size: 1.375rem;
    font-weight: 500;
    font-variation-settings: 'wght' 500;
}

.Footer_links__Nmwm > section > ul {
    list-style: none;
    margin-block: 0;
    padding-inline-start: 0;
    display: flex;
    flex-direction: column;
    row-gap: 0.5em;
}

.Footer_links__Nmwm > aside {
    display: grid;
    grid-template-columns: max-content;
    border-color: var(--clr-granite4);
    border-style: solid;
    grid-column-end: span 2;
    border-width: 1px 0 0 0;
    padding-block-start: 2em;
    gap: 1em 0;
    max-inline-size: 375px;
}

:is(.Footer_links__Nmwm > aside) > img {
        grid-column-end: span 2;
        inline-size: 100%;
    }

@media (min-width: 650.02px) and (max-width: 999.98px), (min-width: 1000px) {

:is(.Footer_links__Nmwm > aside) > img {
            grid-column-end: span 1;
    }
        }

@media (min-width: 650.02px) and (max-width: 999.98px) {

.Footer_links__Nmwm > aside {
        grid-template-columns: 1fr max-content max-content;
        max-inline-size: unset;
        grid-column-end: span 4;
        gap: 0 2em;
        align-items: center;
}
    }

@media (min-width: 1000px) {

.Footer_links__Nmwm > aside {
        grid-template-columns: max-content;
        grid-template-rows: max-content max-content;
        grid-column-end: span 1;
        padding-block-start: 0;
        justify-content: end;
        border-width: 0 0 0 1px;
}
    }

.Footer_apps__4j5V {
    display: flex;
    gap: 0.5em;
}

@media (min-width: 1000px) {

.Footer_apps__4j5V {
        block-size: 2.5em;
        gap: 0 1em;
}
    }

.Footer_apps__4j5V ul,
.Footer_apps__4j5V li {
    display: contents;
}

.Footer_apps__4j5V img {
    display: block;
    inline-size: 135px;
}

.Footer_legal__PzWd {
    align-self: stretch;
    background-color: var(--clr-granite1);
}

.Footer_legal__PzWd > div {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-template-rows: max-content max-content;
    gap: 0.5em 2em;
    /* font size clamped to range [11px, 15px] as viewport goes from [375px, 650px] */
    font-size: clamp(11px, calc((4 / 275) * 100vw + (61 / 11) * 1px), 15px);
    padding: 0.5625em 1em;
    gap: 0.5em 2em;
    inline-size: 100%;
    max-inline-size: 1230px;
    margin-inline: auto;
}

:is(.Footer_legal__PzWd > div) > img {
        grid-column: 1;
        grid-row: 1 / 3;
        justify-self: start;
        block-size: 8vw;
        max-block-size: 40px;
        align-self: center;
    }

:is(:is(.Footer_legal__PzWd > div) p):first-of-type {
            grid-row: 1;
        }

:is(:is(.Footer_legal__PzWd > div) p):last-of-type {
            grid-row: 2;
        }

:is(.Footer_legal__PzWd > div) p {

        grid-column: 2;
        justify-self: end;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 1ch;
        font-size: inherit;
        margin-block: 0;
        text-align: right;
    }

:is(:is(.Footer_legal__PzWd > div) p) > :first-child {
            margin-inline-end: auto;
        }

:is(:is(.Footer_legal__PzWd > div) p) > :only-child {
            margin-inline: auto 0;
        }

/* Document
 * ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
:where(html) {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%; /* 2 */
}
/* Sections
 * ========================================================================== */
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */
:where(h1) {
  font-size: 2em;
  margin-block-end: 0.67em;
  margin-block-start: 0.67em;
}
/* Grouping content
 * ========================================================================== */
/**
 * Remove the margin on nested lists in Chrome, Edge, and Safari.
 */
:where(dl, ol, ul) :where(dl, ol, ul) {
  margin-block-end: 0;
  margin-block-start: 0;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Correct the inheritance of border color in Firefox.
 */
:where(hr) {
  box-sizing: content-box; /* 1 */
  color: inherit; /* 2 */
  height: 0; /* 1 */
}
/* Text-level semantics
 * ========================================================================== */
/**
 * Add the correct text decoration in Safari.
 */
:where(abbr[title]) {
  text-decoration: underline;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
:where(b, strong) {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
:where(code, kbd, pre, samp) {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
:where(small) {
  font-size: 80%;
}
/* Tabular data
 * ========================================================================== */
/**
 * 1. Correct table border color in Chrome, Edge, and Safari.
 * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */
:where(table) {
  border-color: currentColor; /* 1 */
  text-indent: 0; /* 2 */
}
/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
:where(button, input, select) {
  margin: 0;
}
/**
 * Remove the inheritance of text transform in Firefox.
 */
:where(button) {
  text-transform: none;
}
/**
 * Correct the inability to style buttons in iOS and Safari.
 */
:where(button, input:is([type="button" i], [type="reset" i], [type="submit" i])) {
  -webkit-appearance: button;
}
/**
 * Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
:where(progress) {
  vertical-align: baseline;
}
/**
 * Remove the inheritance of text transform in Firefox.
 */
:where(select) {
  text-transform: none;
}
/**
 * Remove the margin in Firefox and Safari.
 */
:where(textarea) {
  margin: 0;
}
/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
:where(input[type="search" i]) {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Remove the additional :invalid styles in Firefox.
 */
:where(:-moz-ui-invalid) {
  box-shadow: none;
}
/* Interactive
 * ========================================================================== */
/*
 * Add the correct styles in Safari.
 */
:where(dialog) {
  background-color: white;
  border: solid;
  color: black;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
}
:where(dialog:not([open])) {
  display: none;
}
/*
 * Add the correct display in all browsers.
 */
:where(summary) {
  display: list-item;
}

html {
    font-family: 'Inter', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
    block-size: 100%;
}

:where(*, *::before, *::after) {
    box-sizing: inherit;
}

body {
    font-size: 1rem;
    min-block-size: 100%;
    margin: 0;
}

.Homepage_homepage__v0JG {
    display: flex;
    flex-direction: column;
    margin: auto;
}

:where(.Homepage_homepage__v0JG) :where(h1,h2,h3,h4,h5,h6) {
        line-height: 1.3;
        font-weight: 600;
        margin-block: 0;
    }

:where(.Homepage_homepage__v0JG) :where(h1) {
        font-size: 2.625rem;
    }

:where(.Homepage_homepage__v0JG) :where(h2) {
        font-size: 2rem;
    }

:where(.Homepage_homepage__v0JG) :where(h3) {
        font-size: 1.625rem;
    }

:where(.Homepage_homepage__v0JG) :where(h4) {
        font-size: 1.375rem;
    }

:where(.Homepage_homepage__v0JG) :where(h5) {
        font-size: 1.25rem;
    }

:where(.Homepage_homepage__v0JG) :where(h6) {
        font-size: 1.125rem;
    }

:where(.Homepage_homepage__v0JG) :where(p) {
        font-size: 1rem;
        margin-block: 0;
    }

:where(.Homepage_homepage__v0JG) :where(small) {
        font-size: 0.875rem;
    }

:where(.Homepage_homepage__v0JG) :where(button) {
        font-size: 1rem;
        line-height: 1.3;
        font-weight: 600;
        /* letter-spacing: 0.15em; */
        text-transform: uppercase;
    }

:is(:where(.Homepage_homepage__v0JG) :where(button)) :where(small) {
            font-size: 0.875rem;
        }

:where(.Homepage_homepage__v0JG) :where(a) {
        color: inherit;
        text-decoration: underline;
        -webkit-text-decoration: underline solid rgba(0, 0, 0, 0);
                text-decoration: underline solid rgba(0, 0, 0, 0);
        text-decoration-thickness: 0.15em;
        -webkit-text-decoration: underline 0.15em rgba(0, 0, 0, 0);
                text-decoration: underline 0.15em rgba(0, 0, 0, 0);
        text-underline-offset: 3px;
        transition: text-decoration-color 300ms;
    }

:is(:where(.Homepage_homepage__v0JG) :where(a)):hover {
            text-decoration-color: inherit;
        }

:where(.Homepage_homepage__v0JG) :where(progress) {
        --track: var(--clr-granite2);
        --progress: #21c17c;
        -webkit-appearance: none;
                appearance: none;
        border: none;
        border-radius: 5px;
        overflow: hidden;
        color: var(--clr-granite2);
        accent-color: #21c17c;
        height: 0.625rem;
    }

:is(:where(.Homepage_homepage__v0JG) :where(progress))::-webkit-progress-bar {
            background-color: var(--track);
        }

:is(:where(.Homepage_homepage__v0JG) :where(progress))::-webkit-progress-value {
            background-color: var(--progress);
            -webkit-transition: inline-size 0.1s ease-out;
            transition: inline-size 0.1s ease-out;
        }

:is(:where(.Homepage_homepage__v0JG) :where(progress))::-moz-progress-bar {
            background-color: var(--progress);
        }

.grecaptcha-badge {
    visibility: hidden;
}

/* z-indices */

.PrivacyPolicyModal_modal__qxF2 {
    border-radius: 8px;
    overflow: auto;
    max-height: 75vh;

    /**
     * `Fade` requires a height when used inside a Dialog. This prevents the modal from
     *  expanding to the full height of both components during the transition.
     */
}

@media (min-width: 420px) {

.PrivacyPolicyModal_modal__qxF2 {
        max-height: 520px;
}
    }

.PrivacyPolicyModal_modalContent__dUjG {
    box-sizing: content-box;
    display: grid;
    font-size: 16px;
    gap: calc(2 * 8px);
    justify-content: center;
    max-width: 300px;
    padding-inline: calc(4 * 8px);
    padding-block-start: calc(5 * 8px);
    padding-block-end: calc(4 * 8px);
}

.PrivacyPolicyModal_modalContent__dUjG a:not(.MuiButton-contained) {
        color: var(--clr-winter3);
        font-weight: 700;
        -webkit-text-decoration: none;
        text-decoration: none;
    }

:is(.PrivacyPolicyModal_modalContent__dUjG a:not(.MuiButton-contained)):hover,:is(.PrivacyPolicyModal_modalContent__dUjG a:not(.MuiButton-contained)):focus {
            -webkit-text-decoration: underline;
            text-decoration: underline;
        }

.PrivacyPolicyModal_modalContent__dUjG img.PrivacyPolicyModal_logo__Fgq3 {
        justify-self: center;
        margin-block-end: calc(3 * 8px);
    }

.PrivacyPolicyModal_modalContent__dUjG h1 {
        font-size: 1em;
        text-align: center;
    }

.PrivacyPolicyModal_modalContent__dUjG .PrivacyPolicyModal_bodyCopy__Rk4S {
        display: grid;
        gap: calc(2 * 8px);
        justify-content: left;
        margin-block-end: 8px;
        padding-inline: calc(2 * 8px);
    }

:is(.PrivacyPolicyModal_modalContent__dUjG .PrivacyPolicyModal_bodyCopy__Rk4S) .MuiTypography-body1 {
            font-size: 0.875em;
        }

.PrivacyPolicyModal_modalContent__dUjG .MuiButton-containedPrimary {
        border-radius: calc(4 * 8px);
        font-weight: 700;
        font-variation-settings: 'wght' 700;
    }

.PrivacyPolicyModal_newFeatureButtons__21bx {
    display: grid;
    gap: 8px;
}

.PrivacyPolicyModal_modalFooter__q8l3 {
    display: grid;
    gap: 8px;
    text-align: center;
    padding-inline: calc(2 * 8px);
}

.PrivacyPolicyModal_modalFooter__q8l3 .MuiTypography-body2 {
        font-size: 0.75em;
    }

.Header_toolbar__oxgu {
    box-sizing: border-box;
    height: 64px;
    justify-content: space-between;
}

.Header_toolbar__oxgu :focus-visible {
        border-radius: 4px;
        outline: thin dotted;
        outline: 4px auto -webkit-focus-ring-color;
    }

.Header_logo__jQwd {
    background: url(https://www-static.gaiagps.com/webpack/asset/gaia.1fc31037.svg) left center no-repeat;
    width: 200px;
    height: 41px;
    background-size: 200px 41px;
    margin-right: 18px;
    margin-left: 0;
    margin-bottom: 0;
}

.Header_logo__jQwd  > span {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }

.Header_toolbarLinks__DOkB {
    flex: 1;
    display: flex;
    flex-direction: row;
}

.Header_toolbarLinks__DOkB a {
        margin-inline: calc(2 * 8px);
        color: var(--clr-granite2);
        -webkit-text-decoration: none;
        text-decoration: none;
        font-size: 14px;
    }

.Header_menuControls__L1G2 {
    display: inline-flex;
    gap: calc(2 * 8px);
    align-items: center;
}

.Header_appIcons__LwfU {
    margin-right: calc(2 * 8px);
}

.Header_appIcons__LwfU  > a {
        display: flex;
    }

:is(.Header_appIcons__LwfU > a) img {
            height: 34px;
        }

.Header_menuButton__suk6 {
    background: none;
    border: none;
    display: flex;
    padding: 0;
}

.Header_menuButton__suk6.Header_userAvatar__7ZSp {
        align-items: center;
        color: var(--clr-granite2);
        font-size: 14px;
    }

.Header_menuButton__suk6.Header_userAvatar__7ZSp.Header_floating__RZ8F {
            margin-left: calc(1.25 * 8px);
        }

.Header_menuButton__suk6 .Header_displayName__HsUz {
        margin-left: 8px;
    }

@media (max-width: 1200px) {

.Header_menuButton__suk6 .Header_displayName__HsUz {
            clip: rect(0 0 0 0);
            clip-path: inset(50%);
            height: 1px;
            overflow: hidden;
            position: absolute;
            white-space: nowrap;
            width: 1px;
    }
        }

.Header_userDropdown__B3lf {
    max-height: 75vh;
}

.Header_userDropdown__B3lf a:focus {
        -webkit-text-decoration: none;
        text-decoration: none;
    }

.Header_userDropdown__B3lf .MuiDivider-root {
        margin: 0;
        width: 100%;
    }

.HeaderNotifications_notificationBell__AWMw {
    background: none;
    border: 0;
    display: flex;
    align-items: center;
    color: var(--clr-granite2);
    font-size: 14px;
}

.HeaderNotifications_notificationMenuItem__YeOf {
    width: 100%;
}

.HeaderNotifications_notificationDropdown__R8YV .HeaderNotifications_emptyState__MXMd {
        display: flex;
        justify-content: center;
    }

.HeaderNotifications_notificationDropdown__R8YV li {
        cursor: default;
        height: auto;
        width: 240px;
        white-space: normal;
    }

.HeaderNotifications_notificationDropdown__R8YV a {
        cursor: pointer;
        color: var(--clr-winter2);
        -webkit-text-decoration: none;
        text-decoration: none;
    }

:is(.HeaderNotifications_notificationDropdown__R8YV a):hover,:is(.HeaderNotifications_notificationDropdown__R8YV a):focus {
            -webkit-text-decoration: underline;
            text-decoration: underline;
        }

.OutsideAnnouncement_container__IyEW {
    display: grid;
    grid-template-columns: 48px 1fr 48px;
    place-items: center;
    background-color: var(--clr-outside-yellow);
    font-weight: 500;
    font-variation-settings: 'wght' 500;
    color: var(--clr-granite1);
}

.OutsideAnnouncement_content__b3Ci {
    grid-column: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding-block: calc(2 * 8px);
    margin-inline: auto;
    gap: 8px;
}

.OutsideAnnouncement_button__9vih {
    grid-column: 3;
    background: none;
    color: var(--clr-granite1);
    height: 48px;
    width: 48px;
}

/* specificity bump to ensure this overrides MUI style */
.OutsideAnnouncement_button__9vih.OutsideAnnouncement_button__9vih:hover {
    background: none;
}

a.OutsideAnnouncement_link__yusK {
    color: inherit;
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

a.OutsideAnnouncement_link__yusK:hover,a.OutsideAnnouncement_link__yusK:focus {
        -webkit-text-decoration: none;
        text-decoration: none;
    }

.HPHeader_announcement__HJ73 {
    position: relative;
    font-size: 14px;
}

.Masthead_masthead__Ri5y {
    color: white;
    background-color: black;
    background-image: url(https://www-static.gaiagps.com/webpack/asset/masthead-bg.8fccf5b7.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 75% center;
    overflow: hidden;

    /*
  background-position-x: calc(67% - var(--ken-burns, 0%) / 3);
  background-position-y: calc(10% - var(--ken-burns, 0%) / 5);
  */
}

@media (min-width: 1150px) {

.Masthead_masthead__Ri5y {
        block-size: 67vh;
        min-block-size: 400px;
        max-block-size: 750px;
        flex-direction: row;
        background-attachment: fixed;
}
    }

.Masthead_container__cdNc {
    max-inline-size: 1200px;
    margin-block-start: 90px;
    padding-inline: 2rem;
    block-size: 100%;
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-size: cover;
}

@media (min-width: 1150px) {

.Masthead_container__cdNc {
        margin-block-start: 0;
        flex-direction: row;
        justify-content: space-between;
}
    }

.Masthead_cta__MhBW {
    font-size: 14px;
    width: 100%;
}

@media (min-width: 1150px) {

.Masthead_cta__MhBW {
        width: max-content;
}
    }

.Masthead_cta__MhBW a {
        box-sizing: border-box;
        inline-size: 80%;
        display: flex;
        padding-block: 1em;
        justify-content: center;
        align-items: center;
        -webkit-text-decoration: none;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 1;
        font-weight: 600;
        margin: 0 auto;
    }

.Masthead_gaiaBasic__NisO a {
    background-color: white;
    color: black;
}

@media (min-width: 1150px) {

.Masthead_gaiaBasic__NisO a {
        width: 195px;
}
    }

:is(.Masthead_gaiaBasic__NisO a):hover {
        background-color: var(--clr-white-hover);
    }

.Masthead_gaiaPremium__R7Jp a {
    position: relative;
    color: white;
    background-color: var(--clr-accent-primary);
}

:is(.Masthead_gaiaPremium__R7Jp a):hover {
        background-color: var(--clr-accent-primary-hover);
    }

@media (min-width: 1150px) {

.Masthead_gaiaPremium__R7Jp a {
        width: 250px;
}
    }

.Masthead_oplus__1MJ4 a {
    color: black;
    background-color: var(--clr-outside-yellow);
}

:is(.Masthead_oplus__1MJ4 a):hover {
        background-color: var(--clr-outside-yellow-hover);
    }

.Masthead_oplus__1MJ4 a {
    width: 215px;
}

.Masthead_header__HZXw {
    width: max-content;
    margin-inline-start: 0;
    text-align: center;
}

@media (min-width: 1150px) {

.Masthead_header__HZXw {
        text-align: left;
}
    }

.Masthead_header__HZXw .Masthead_taglines__32Vr {
        padding-block-end: 3rem;
        word-wrap: break-word;
        white-space: normal;
        max-width: 100vw;
        padding-inline: 1rem;
    }

@media (min-width: 1150px) {

.Masthead_header__HZXw .Masthead_taglines__32Vr {
            padding-inline: 0;
    }
        }

.Masthead_prettyGraphic__4c4L {
    display: block;
    width: 100%;
    max-width: 735px;
}

@media (min-width: 1150px) {

.Masthead_prettyGraphic__4c4L {
        width: unset;
        max-width: unset;
        height: 100%;
        max-height: 670px;
        align-self: flex-end;
}
    }

.Masthead_ctaButtons__pEnh {
    display: flex;
    flex-direction: column;
}

.Masthead_buttons__CmC6 {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
    align-items: center;
    flex-wrap: nowrap;
    margin-block-end: 16px;
}

@media (min-width: 1150px) {

.Masthead_buttons__CmC6 {
        flex-direction: row;
        gap: 0 25px;
}
    }

.Masthead_storeButtons__eipi {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}

@media (min-width: 1150px) {

.Masthead_storeButtons__eipi {
        gap: 25px;
        justify-content: flex-start;
}
    }

.Masthead_storeButton__y23b {
    display: block;
    block-size: 45px;
    border: none;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    background-size: contain;
    background-repeat: no-repeat;
}

.Masthead_storeButton__y23b img {
        display: block;
        block-size: 100%;
    }

.OutsidePlus_outsidePlus__DCrm {
    background-image: url(https://www-static.gaiagps.com/webpack/asset/outside-plus-tiles.043bb8ac.webp);
    background-size: cover;
    background-attachment: fixed;
    padding-block: 5vh;
    block-size: calc(5 / 3 * 100vh);
}

.OutsidePlus_card__NFB6 {
    position: sticky;
    top: 5vh;
    border: 4px solid var(--clr-outside-yellow);
    border-radius: 4px;
    background-color: white;
    max-inline-size: 43.75rem;
    min-block-size: 40rem;
    max-block-size: 90vh;
    text-align: center;
    color: var(--clr-granite2);
    display: grid;
    grid-template-rows: 60px 1fr;
    grid-auto-flow: row;
    place-items: stretch;
}

@media (min-width: 900.02px) {

.OutsidePlus_card__NFB6 {
        margin-inline: auto 10vw;
}
    }

.OutsidePlus_card__NFB6 h1 {
        background-color: var(--clr-outside-yellow);
        padding-block: 1rem;
        height: 5rem;
        display: flex;
        justify-content: center;
        align-items: stretch;
    }

:is(.OutsidePlus_card__NFB6 h1) picture {
            height: 100%;
        }

:is(:is(.OutsidePlus_card__NFB6 h1) picture) img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: contain;
            }

.OutsidePlus_card__NFB6 h2 {
        font-size: 2rem;
    }

@media (min-width: 1150px) {

.OutsidePlus_card__NFB6 h2 {
            font-size: 2.375rem;
    }
        }

.OutsidePlus_card__NFB6 p {
        font-size: 1rem;
        line-height: 1.3;
    }

.OutsidePlus_callToAction__Y3Qm {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    row-gap: 1rem;
    align-items: center;
}

.OutsidePlus_callToAction__Y3Qm a {
        box-sizing: border-box;
        display: flex;
        padding-block: 1em;
        justify-content: center;
        align-items: center;
        -webkit-text-decoration: none;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 0.875rem;
        line-height: 1;
        font-weight: 500;
        letter-spacing: 0.15em;
        margin: 0 auto;
        color: black;
        background-color: var(--clr-outside-yellow);
        width: 215px;
    }

:is(.OutsidePlus_callToAction__Y3Qm a):hover {
            background-color: var(--clr-outside-yellow-hover);
        }

.OutsidePlus_cardInner__JakT {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 900px) {

.OutsidePlus_cardInner__JakT {
        padding: 2rem 3.4375rem;
}
    }

.OutsidePlus_offer__AcTx:not([data-price='749']) {
    line-height: 1.3;
    white-space: nowrap;
    display: grid;
    grid-template-columns: 1fr;
}

.OutsidePlus_offer__AcTx:not([data-price='749'])::before {
        content: 'Special Offer';
        font-weight: 600;
    }

.OutsidePlus_price__P3OQ {
    font-weight: bold;
    font-size: 2rem;
    display: flex;
    align-items: baseline;
}

.OutsidePlus_price__P3OQ:not([data-price='749'])::before {
        content: '$7.49';
        -webkit-text-decoration: line-through;
        text-decoration: line-through;
        font-weight: 500;
        color: var(--clr-txt-secondary);
        margin-right: 1ch;
    }

.OutsidePlus_price__P3OQ::after {
        font-size: 1.0625rem;
        font-weight: 400;
        color: var(--clr-txt-secondary);
        content: '/mo*';
    }

@media (max-width: 900px) {
    .OutsidePlus_outsidePlus__DCrm {
        block-size: auto;
        padding: 4em 1em;
    }

    .OutsidePlus_card__NFB6 {
        position: static;
        top: auto;
        margin: auto;
        max-block-size: unset;
        min-block-size: revert;
        display: flex;
        flex-direction: column;
    }

    .OutsidePlus_cardInner__JakT {
        gap: 1em;
    }

    .OutsidePlus_callToAction__Y3Qm {
        grid-template-columns: 1fr;
    }
}

.OutsidePlus_legal__aXJb {
    grid-column: 1 / -1;
    font-size: 0.6875rem;
    color: var(--clr-txt-secondary);
}

.OutsidePlus_logos__VVAp {
    display: grid;
    max-inline-size: 14rem;
    grid-template-columns: 1fr;
    row-gap: 0.5rem;
    padding-inline-start: 0;
}

.OutsidePlus_logos__VVAp li {
        display: grid;
        grid-template-columns: 1fr;
        inline-size: 100%;
        row-gap: 0.5rem;
        align-items: center;
    }

:is(.OutsidePlus_logos__VVAp li) img {
            inline-size: 100%;
            block-size: 3rem;
            object-fit: contain;
        }

:is(.OutsidePlus_logos__VVAp li)::after {
            content: url(https://www-static.gaiagps.com/webpack/asset/plus.37524479.svg);
        }

:is(.OutsidePlus_logos__VVAp li):nth-child(n + 4) {
            display: none;
        }

.OutsidePlus_logos__VVAp::after {
        content: 'Over 15 Outdoor Brands';
        font-weight: 700;
    }

@media (min-width: 900.02px) {

.OutsidePlus_logos__VVAp {
        max-inline-size: none;
        grid-template-columns: repeat(11, 1fr);
        inline-size: 100%;
}

        .OutsidePlus_logos__VVAp li {
            grid-template-columns: subgrid;
        }

            :is(.OutsidePlus_logos__VVAp li):nth-child(n + 4) {
                /* 4th thru end */
                /* undo `display: none;` above */
                display: grid;
            }

            :is(.OutsidePlus_logos__VVAp li):nth-child(-n + 2) {
                /* first 2 */
                grid-column-end: span 4;
            }

                :is(.OutsidePlus_logos__VVAp li):nth-child(-n + 2)::after {
                    transform: scale(1.5);
                }

            :is(.OutsidePlus_logos__VVAp li):nth-child(n + 3):not(:last-child) {
                /* 3rd thru 6th */
                grid-column-end: span 3;
            }

            :is(.OutsidePlus_logos__VVAp li):last-child {
                grid-column-end: span 2;
            }

            :is(.OutsidePlus_logos__VVAp li):is(:nth-child(3),:last-child)::after {
                /* 3rd and last */
                content: unset;
            }

            :is(.OutsidePlus_logos__VVAp li):nth-child(-n + 3) img {
                /* 1st thru 3rd */
                grid-column-end: span 3;
            }

            :is(.OutsidePlus_logos__VVAp li):nth-child(n + 4) img {
                /* 4th thru end */
                grid-column-end: span 2;
            }

            /* Chrome still doesn't support subgrid, so we have to "inherit" the grid manually */
            @supports not (grid-template-columns: subgrid) {
                :is(.OutsidePlus_logos__VVAp li):nth-child(-n + 2) {
                    /* first 2 */
                    grid-template-columns: repeat(4, 1fr);
                }

                :is(.OutsidePlus_logos__VVAp li):nth-child(n + 3):not(:last-child) {
                    /* 3rd thru 6th */
                    grid-template-columns: repeat(3, 1fr);
                }

                :is(.OutsidePlus_logos__VVAp li):last-child {
                    grid-template-columns: repeat(2, 1fr);
                }
            }

        .OutsidePlus_logos__VVAp::after {
            content: unset;
        }
    }

.Pitches_pitches__4nhu {
    background-color: black;
    color: white;
    background-image: url(https://www-static.gaiagps.com/webpack/asset/value-prop-1-bg.a09a62a2.webp);
    background-size: auto 100%;
    background-position: right top;
    background-repeat: no-repeat;
}
@media (min-width: 1150px) {
    .Pitches_pitches__4nhu {
        block-size: 100vh;
        background-image: unset;
        block-size: unset;
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-rows: 100vh;
}
    }

.PitchesHorizontal_horizontal__H34M {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: flex-start;
    block-size: 100%;
    padding-block: 2rem;
    row-gap: 1.5rem;
}

.PitchesHorizontal_horizontal__H34M :is(progress,h1) {
        width: calc(100% - 4rem);
        max-width: 900px;
        align-self: center;
        flex: 0 0 auto;
    }

.PitchesHorizontal_horizontal__H34M h1 {
        font-size: 1.6875rem;
        text-align: center;
    }

.PitchesHorizontal_scroller__BlrX {
    width: 100%;
    flex: 1 1 100%;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    --padding: 1rem;
    padding-inline: var(--padding);
}

@supports (scroll-snap-align: center) {

.PitchesHorizontal_scroller__BlrX {
        scroll-snap-type: x mandatory;
        scroll-padding-inline: var(--padding);
}

        .PitchesHorizontal_scroller__BlrX .PitchesHorizontal_container__ed8y .PitchesHorizontal_valueProp__QNhY .PitchesHorizontal_promo__ZCLA {
            scroll-snap-align: center;
        }
    }

.PitchesHorizontal_scroller__BlrX::-webkit-scrollbar {
        display: none;
    }

.PitchesHorizontal_container__ed8y {
    display: grid;
    grid-template-columns: repeat(3, minmax(300px, 1fr));
    grid-template-rows: 1fr repeat(3, max-content);
    grid-auto-flow: column;
    grid-gap: 1rem;
    min-width: -moz-fit-content;
    min-width: fit-content;
}

.PitchesHorizontal_valueProp__QNhY {
    display: contents;
}

.PitchesHorizontal_valueProp__QNhY h3 {
        font-size: 1.375rem;
        line-height: 1.3;
        grid-row: 3;
    }

.PitchesHorizontal_valueProp__QNhY p {
        font-size: 0.9375rem;
        line-height: 1.6;
        grid-row: 4;
    }

.PitchesHorizontal_promo__ZCLA {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    grid-row: 1;
}

.PitchesHorizontal_icon__3AAs {
    width: 2rem;
    grid-row: 2;
}

.PitchesVertical_vertical__uhAW {
    padding-inline: max(0px, (100vw - 1500px) / 2);
}

.PitchesVertical_vertical__uhAW :is(.PitchesVertical_valueProp__tBTj, .PitchesVertical_sticky__tmDI) {
    block-size: 100%;
    grid-column: 1 / -1;
}

.PitchesVertical_valueProp__tBTj {
    display: flex;
    flex-direction: row-reverse;
    padding: 2rem;
    align-items: center;
    color: rgba(255, 0, 0, 0.3);
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: 67%;
}

.PitchesVertical_valueProp__tBTj img {
        max-inline-size: 50vw;
        opacity: 0;
        transform: translateY(15%);
    }

.PitchesVertical_Intersected__wwZJ:is(.PitchesVertical_valueProp__tBTj img) {
            animation: 700ms ease-out 250ms forwards PitchesVertical_valueprop-image__1hIs;
        }

.PitchesVertical_valueProp__tBTj:nth-of-type(1) {
        grid-row: 1;
        background-image: url(https://www-static.gaiagps.com/webpack/asset/value-prop-1-bg.a09a62a2.webp);
        background-position-y: top;
    }

@media (min-width: 1150px) {

.PitchesVertical_valueProp__tBTj:nth-of-type(1) img {
                /* linear [100px, 300px] as viewport ranges from 1150px to 1500px
          https://www.wolframalpha.com/input?i=line+through+%281150%2C+100%29+and+%281500%2C+300%29 */
                margin-inline-end: clamp(100px, calc(100vw * (4 / 7) - 1px * (3900 / 7)), 300px);
        }
            }

.PitchesVertical_valueProp__tBTj:nth-of-type(2) {
        grid-row: 2;
    }

@media (min-width: 1150px) {

.PitchesVertical_valueProp__tBTj:nth-of-type(2) img {
                /* linear [400px, 750px] as viewport ranges from 1150px to 1500px
        https://www.wolframalpha.com/input?i=line+through+%281150%2C+400%29+and+%281500%2C+750%29 */
                width: clamp(400px, calc(100vw - 750px), 750px);
        }
            }

.PitchesVertical_valueProp__tBTj:nth-of-type(3) {
        grid-row: 3;
        background-image: url(https://www-static.gaiagps.com/webpack/asset/value-prop-3-bg.0dec945a.webp);
        background-position-y: bottom;
    }

.PitchesVertical_sticky__tmDI {
    position: sticky;
    max-inline-size: 615px;
    top: 0;
    display: grid;
    grid-template-columns: 10px 1fr;
    align-content: center;
    padding-inline-start: 50px;
    gap: 1rem 2rem;
    grid-row: 1;
}

.PitchesVertical_sticky__tmDI h1 {
        grid-row: 1;
        grid-column: 2;
        margin-block: 0;
        position: absolute;
        --offset: -16rem;
        transform: translateY(var(--offset));
    }

@media (max-height: 850px) {

.PitchesVertical_sticky__tmDI h1 {
            --offset: calc((850px - 100vh) / 2 - 16rem);
    }
        }

.PitchesVertical_sticky__tmDI progress {
        grid-row: 2;
        grid-column: 1;
        transform-origin: 5px 5px;
        transform: rotate(90deg);
        width: 80px;
        margin-top: 1rem;
    }

.PitchesVertical_pitchIcon__Duav {
    grid-row: 1;
    grid-column: 2;
    block-size: 2rem;
    animation: PitchesVertical_valueprop-exit__4hW9 500ms ease-out both;
}

.PitchesVertical_pitchIconActive__peMN {
    animation: PitchesVertical_valueprop-entry__8xBb 500ms ease-out both;
}

.PitchesVertical_pitchText__hpzn {
    position: relative;
    grid-row: 2;
    grid-column: 2;
    display: flex;
    flex-direction: column;
    animation: PitchesVertical_valueprop-exit__4hW9 500ms ease-out both;
}

.PitchesVertical_pitchText__hpzn h3 {
        margin-block-start: 0;
        white-space: nowrap;
    }

.PitchesVertical_pitchText__hpzn p {
        line-height: 1.6;
        margin-block-start: 1em;
    }

.PitchesVertical_pitchTextActive__ty5T {
    animation: PitchesVertical_valueprop-entry__8xBb 500ms ease-out both;
}

@keyframes PitchesVertical_valueprop-exit__4hW9 {
    100% {
        transform: translateY(-67%);
        opacity: 0;
        filter: blur(5px);
    }
}

@keyframes PitchesVertical_valueprop-entry__8xBb {
    0% {
        filter: blur(5px);
        transform: translateY(67%);
        opacity: 0;
    }
}

@keyframes PitchesVertical_valueprop-image__1hIs {
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}