body.loading * {
    transition: none !important
}

:root {
    --heading-xlarge: 60px;
    --heading-large: 50px;
    --heading-medium: 40px;
    --heading-small: 32px;
    --heading-small-medium: 24px;
    --heading-xsmall: 24px;
    --body-xlarge: 24px;
    --body-large: 18px;
    --body-medium: 16px;
    --body-fair: 15px;
    --body-small: 14px;
    --body-xsmall: 12px;
    --body-xxsmall: 10px;
    --media-1: 321px;
    --media-2: 550px;
    --media-3: 768px;
    --media-4: 1024px;
    --media-5: 1280px;
    --media-6: 1440px;
    --media-7: 1920px;
    --navy-bg: #292c3d;
    --navy: #043a44;
    --gray: #a5a5a5;
    --martini: #f2f2f0;
    --martini-dirty: #f1ede7;
    --charcoal-graphics: grey;
    --charcoal-text: #595959;
    --charcoal: #2b2b2b;
    --putty-lighter-bg: #f4f6f8;
    --putty-light-bg: #f0f2f5;
    --putty-bg: #e0e5eb;
    --putty-decorative: #d1d9e0;
    --putty: #a2b1c1;
    --putty-graphics: #758ca3;
    --putty-text: #52657a;
    --green-light-bg: #e7fdf8;
    --green: #10cc9e;
    --green-graphics: #0da57f;
    --green-text: #0a8566;
    --mint-light-bg: #edf7f4;
    --mint-bg: #e2f3ee;
    --mint-decorative: #d1ebe3;
    --mint: #b2ded1;
    --red-light-bg: #fce8e8;
    --red-bg: #fbdede;
    --red-decorative: #f5a3a3;
    --red: #504f50;
    --warning: #eb0000;
    --warning-dark: #900;
    --success: #318153;
    --success-dark: #235c3b;
    --white: #fff;
    --black: #000;
    --nav-h: 60px;
    --nav-logo-h: 30px;
    --sticky-nav-h: 52px;
    --aqua-blue: #96e1f8;
    --ui-gutter: 0.75rem;
    --ui-max-width: 1360px;
    --ui-max-width-xxxlarge: 1920px;
    --ui-max-width-xxlarge: 1440px;
    --ui-max-width-xlarge: 1360px;
    --ui-max-width-large: 1024px;
    --ui-max-width-medium: 768px;
    --ui-max-width-small: 550px;
    --ui-max-width-xsmall: 321px;
    --vertical-p: 4rem
}

@media(min-width:768px) {
    :root {
        --heading-xlarge: 72px;
        --heading-large: 60px;
        --heading-medium: 50px;
        --heading-small: 40px;
        --heading-small-medium: 32px;
        --heading-xsmall: 30px;
        --nav-h: 80px;
        --nav-logo-h: 48px
    }
}

@media(min-width:1024px) {
    :root {
        --sticky-nav-h: 70px
    }
}

@media(min-width:321px) {
    :root {
        --ui-gutter: 1rem
    }
}

@media(min-width:768px) {
    :root {
        --nav-height: 80px;
        --ui-gutter: 2rem
    }
}

@media(min-width:1280px) {
    :root {
        --ui-gutter: 2.5rem
    }
}

@media(min-width:768px) {
    :root {
        --vertical-p: 5rem
    }
}

:root {
    --color-bg: #fff;
    --color-bg1: #f2f2f0;
    --color-text: #043a44;
    --color-text1: #2b2b2b;
    --color-text2: #595959;
    --color-border: #a2b1c1
}

html[data-theme] {
    color-scheme: light !important
}

[data-style-theme=light] {
    color: #000;
    background-color: #f0f2f5;
    border-color: #d1d9e0
}

[data-style-theme=dark] {
    color: #fff;
    background-color: #043a44;
    border-color: #292c3d
}

    [data-style-theme=dark] span.red {
        color: #f5a3a3
    }

[data-style-theme=primary] {
    color: #fff;
    background-color: #504f50;
    border-color: #504f50
}

    [data-style-theme=primary] span.red {
        color: #fff
    }

[data-style-theme=secondary] {
    color: #000;
    background-color: #e2f3ee;
    border-color: #e2f3ee
}

[data-style-theme=secondary-lighter] {
    color: #000;
    background-color: #edf7f4;
    border-color: #edf7f4
}

[data-style-theme=tertiary] {
    color: #000;
    background-color: #f2f2f0;
    border-color: #f2f2f0
}

[data-style-theme=pink] {
    color: #000;
    background-color: #fbdede;
    border-color: #fbdede
}

@font-face {
    font-family: National;
    src: url(../media/National-Black.f3e5d4fc.woff2) format("woff2"),url(../media/National-Black.466a1ad3.woff) format("woff");
    font-weight: 900;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: National;
    src: url(../media/National-Bold.a35792cd.woff2) format("woff2"),url(../media/National-Bold.e7ca345b.woff) format("woff");
    font-weight: 800;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: National;
    src: url(../media/National-BlackItalic.9212521a.woff2) format("woff2"),url(../media/National-BlackItalic.8bb849a9.woff) format("woff");
    font-weight: 900;
    font-display: swap;
    font-style: italic
}

@font-face {
    font-family: National;
    src: url(../media/National-Semibold.6ddc8d3d.woff2) format("woff2"),url(../media/National-Semibold.28773221.woff) format("woff");
    font-weight: 700;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: National;
    src: url(../media/National-Semibold.6ddc8d3d.woff2) format("woff2"),url(../media/National-Semibold.28773221.woff) format("woff");
    font-weight: 700;
    font-display: swap;
    font-style: italic
}

@font-face {
    font-family: SourceSansPro;
    src: url(../media/SourceSansPro-Regular.609db695.woff2) format("woff2"),url(../media/SourceSansPro-Regular.d73cad9c.woff) format("woff");
    font-weight: 400;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: SourceSansPro;
    src: url(../media/SourceSansPro-RegularItalic.cc2bf5d1.woff2) format("woff2"),url(../media/SourceSansPro-RegularItalic.576a2d2c.woff) format("woff");
    font-weight: 400;
    font-display: swap;
    font-style: italic
}

@font-face {
    font-family: SourceSansPro;
    src: url(../media/SourceSansPro-SemiBold.6a429271.woff2) format("woff2"),url(../media/SourceSansPro-SemiBold.a82bd765.woff) format("woff");
    font-weight: 600;
    font-display: swap;
    font-style: bold
}

@font-face {
    font-family: SourceSansPro;
    src: url(../media/SourceSansPro-Bold.9076b5aa.woff2) format("woff2"),url(../media/SourceSansPro-Bold.ae9dcf3d.woff) format("woff");
    font-weight: 700;
    font-display: swap;
    font-style: bold
}

@font-face {
    font-family: SourceSansPro;
    src: url(../media/SourceSansPro-BoldItalic.4d82ffa7.woff2) format("woff2"),url(../media/SourceSansPro-BoldItalic.5ce46003.woff) format("woff");
    font-weight: 700;
    font-display: swap;
    font-style: italic
}

@font-face {
    font-family: SourceSansPro;
    src: url(../media/SourceSansPro-Black.8c7e4498.woff2) format("woff2"),url(../media/SourceSansPro-Black.1b602f2d.woff) format("woff");
    font-weight: 900;
    font-display: swap;
    font-style: bold
}

*, :after, :before, html {
    box-sizing: border-box
}

html {
    height: 100%;
    touch-action: manipulation;
    scrollbar-gutter: stable
}

body, html {
    overscroll-behavior-x: none;
    font-family: SourceSansPro,Source Sans Pro,Roboto,Helvetica,Arial,sans-serif;
    background-color: var(--color-bg);
    color: var(--color-text)
}

body {
    position: relative;
    min-height: 100%;
    margin: 0
}

    body ::selection {
        background: #b2ded1;
        color: #043a44
    }

    body ::-moz-selection {
        background: #b2ded1;
        color: #043a44
    }

h1, h2, h3, h4 {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

table {
    margin: 2.5rem 0
}

    table td, table th {
        vertical-align: top;
        padding: .5rem;
        border-bottom: 1px solid #a2b1c1
    }

@media screen and (max-width:600px) {
    table td {
        float: left
    }
}

a {
    color: #504f50;
    -webkit-tap-highlight-color: rgba(178,222,209,.5);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

[data-text-align=center] {
    text-align: center
}

[data-text-align=right] {
    text-align: right
}

[data-text-align=left] {
    text-align: left
}

@media(max-width:768px) {
    [data-mobile-align=center] {
        text-align: center
    }

    [data-mobile-align=right] {
        text-align: right
    }

    [data-mobile-align=left] {
        text-align: left
    }
}

[data-plan][data-plan-active=false], [data-style-hide=true] {
    display: none
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

#ada-entry {
    color-scheme: light
}

.skip-link {
    padding: 15px;
    background-color: #fff;
    color: #043a44;
    text-align: left;
    position: absolute;
    z-index: -1
}

    .skip-link:focus {
        z-index: 100
    }

ol, ul {
    font-size: 1rem;
    font-family: SourceSansPro,Source Sans Pro,Roboto,Helvetica,Arial,sans-serif;
    padding-left: 1.2em
}

    ol li::marker, ul li::marker {
        color: #504f50;
        font-weight: 700
    }

.circle-checkmark-bullets ul li {
    --size: 2em;
    list-style: none;
    position: relative;
    padding-left: var(--size)
}

    .circle-checkmark-bullets ul li:not(:last-child) {
        margin-bottom: 1em
    }

    .circle-checkmark-bullets ul li:before {
        content: "✓";
        color: #fff;
        background-color: #504f50;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: .75em;
        width: var(--size);
        height: var(--size);
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%)
    }

:focus-visible {
    outline: 1.5px solid #504f50
}

html body #ada-button-frame {
    transform: translateZ(0) !important;
    transition: transform .4s cubic-bezier(.95,.05,.795,.035) !important
}

@media(max-width:768px) {
    html body.is-sticky-active #ada-button-frame {
        transform: translate3d(0,calc(var(--sticky-nav-h) * -1),0) !important;
        transition: transform .4s cubic-bezier(.19,1,.22,1) !important
    }
}

html[data-sidebar] {
    scrollbar-width: none
}

    html[data-sidebar] #ada-button-frame, html[data-sidebar] #ada-entry {
        opacity: 1;
        transform: scale(.9);
        pointer-events: none;
        transition: all .6s cubic-bezier(.19,1,.22,1)
    }

    html[data-sidebar] body::-webkit-scrollbar {
        display: none
    }

html[data-modal], html[data-modal] body {
    height: 100vh;
    width: 100vw;
    touch-action: none;
    -webkit-overflow-scrolling: none;
    overflow: hidden;
    overscroll-behavior: none
}

mark {
    color: #043a44;
    background: rgba(209,235,227,.66);
    border-radius: .25rem;
    box-shadow: 0 0 0 1px #b2ded1;
    margin: 0;
    padding: 0
}

iframe {
    margin-top: 1rem
}

    iframe[src*="/partytown-sandbox-sw"] {
        margin: 0
    }

.not-found {
    text-align: center;
    display: flex;
    flex-direction: column
}

    .not-found .heading {
        font-size: var(--heading-medium);
        line-height: 1;
        margin-bottom: 0
    }

    .not-found .subheading {
        font-size: var(--body-large)
    }

    .not-found .not-found-image {
        max-width: 600px;
        height: 350px;
        margin: -50px auto -70px
    }

    .not-found .not-found-cta {
        margin: 20px auto 80px
    }

.next-js-unhandled-error-page {
    text-align: center;
    display: flex;
    flex-direction: column
}

    .next-js-unhandled-error-page .error-image {
        height: 220px;
        width: 220px;
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto
    }

@media(min-width:768px) {
    .next-js-unhandled-error-page .error-image {
        margin-top: 140px;
        height: 240px;
        width: 240px
    }
}

.next-js-unhandled-error-page .heading {
    font-size: var(--heading-medium);
    line-height: 1;
    margin-bottom: 0;
    margin-top: -30px
}

.next-js-unhandled-error-page .subheading {
    font-size: var(--body-large);
    margin-top: 20px
}

.next-js-unhandled-error-page .error-cta {
    margin-top: 170px;
    margin-left: auto;
    margin-right: auto
}

@media(min-width:768px) {
    .next-js-unhandled-error-page .error-cta {
        margin-top: 100px;
        width: 375px
    }
}
