.customer-brand-image-container {
    text-align: left;
}

.ul-list li {
    list-style: disc;
    list-style-type: disc;
}

.content-section {
    margin-bottom: 3rem;
}

@media (max-width: 539px) {

.content-section {
        margin-bottom: 2rem;
}
    }

.banner {
    display: grid;
    align-content:center;
}

/* Customer page specific blockquote styling - forked from general-elements.scss */

.blockquote {
    gap: 2.5rem;
}

.blockquote-img {
    width: 100%;
    max-width: 55px;
}

.blockquote-body {
    font-family: "Space Grotesk";
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.5rem;
    background: var(--colors-primary-purple);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blockquote-footer {
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--text-color);
}

.blockquote-footer::before {
    content: none;
}

h2.section-title {
    color: var(--colors-white-inverse);
}
/* Borders */
.rounded-xs {
    border-radius: var(--rounded-xs);
}
.rounded-sm {
    border-radius: var(--rounded-sm);
}
.rounded-md {
    border-radius: var(--rounded-md);
}
.rounded-lg {
    border-radius: var(--rounded-lg);
}
.rounded-xl {
    border-radius: var(--rounded-xl);
}
/* Fonts */
/* style rules here have zero specificity, can & will be overwritten in page specific css */
:where(.caption-2) {
    font-size: 10px;
    line-height: 15px;
    font-weight: var(--font-normal);
    font-family: var(--font-family-open);
    color: var(--colors-text-default);
}
:where(.caption-2-strong) {
    font-size: 10px;
    line-height: 15px;
    font-weight: var(--font-semibold);
    font-family: var(--font-family-open);
    color: var(--colors-text-default);
}
:where(.caption-1) {
    font-size: 12px;
    line-height: 18px;
    font-weight: var(--font-normal);
    font-family: var(--font-family-open);
    color: var(--colors-text-default);
}
:where(.caption-1-strong) {
    font-size: 12px;
    line-height: 18px;
    font-weight: var(--font-semibold);
    font-family: var(--font-family-open);
    color: var(--colors-text-default);
}
:where(.caption-1-stronger) {
    font-size: 12px;
    line-height: 18px;
    font-weight: var(--font-bold);
    font-family: var(--font-family-open);
    color: var(--colors-text-default);
}
:where(.body-1) {
    font-size: 16px;
    line-height: 18px;
    font-weight: var(--font-normal);
    font-family: var(--font-family-open);
    color: var(--colors-text-default);
}
@media (min-width: 540px) {
:where(.body-1) {
        line-height: 22px;
}
    }
:where(.body-1-strong) {
    font-size: 16px;
    line-height: 18px;
    font-weight: var(--font-semibold);
    font-family: var(--font-family-open);
    color: var(--colors-text-default);
}
@media (min-width: 540px) {
:where(.body-1-strong) {
        line-height: 22px;
}
    }
:where(.body-1-stronger) {
    font-size: 16px;
    line-height: 18px;
    font-weight: var(--font-bold);
    font-family: var(--font-family-open);
    color: var(--colors-text-default);
}
@media (min-width: 540px) {
:where(.body-1-stronger) {
        line-height: 22px;
}
    }
:where(.subtitle-2) {
    font-size: 17px;
    line-height: 25.5px;
    font-weight: var(--font-semibold);
    font-family: var(--font-family-open);
    color: var(--colors-text-default);
}
@media (min-width: 540px) {
:where(.subtitle-2) {
        font-size: 18px;
        line-height: 27px;
}
    }
@media (min-width: 1248px) {
:where(.subtitle-2) {
        font-size: 18px;
        line-height: 27px;
}
    }
:where(.subtitle-2-stronger) {
    font-size: 17px;
    line-height: 25.5px;
    font-weight: var(--font-bold);
    font-family: var(--font-family-open);
    color: var(--colors-text-default);
}
@media (min-width: 540px) {
:where(.subtitle-2-stronger) {
        font-size: 18px;
        line-height: 27px;
}
    }
@media (min-width: 1248px) {
:where(.subtitle-2-stronger) {
        font-size: 18px;
        line-height: 27px;
}
    }
:where(.subtitle-1) {
    font-size: 18px;
    line-height: 24px;
    font-weight: var(--font-semibold);
    font-family: var(--font-family-open);
    color: var(--colors-text-default);
}
@media (min-width: 540px) {
:where(.subtitle-1) {
        font-size: 20px;
        line-height: 25px;
}
    }
:where(.hero-subtitle) {
    font-size: 24px;
    line-height: 36px;
    font-weight: var(--font-semibold);
    font-family: var(--font-family-open);
    color: var(--colors-text-default);
}
@media (min-width: 540px) {
:where(.hero-subtitle) {
        font-size: 26px;
        line-height: 39px;
}
    }
@media (min-width: 1248px) {
:where(.hero-subtitle) {
        font-size: 28px;
        line-height: 40px;
}
    }
:where(.title-3) {
    font-size: 20px;
    line-height: 24px;
    font-weight: var(--font-semibold);
    font-family: var(--font-family-open);
    color: var(--colors-text-default);
}
@media (min-width: 540px) {
:where(.title-3) {
        font-size: 24px;
        line-height: 26px;
}
    }
@media (min-width: 1248px) {
:where(.title-3) {
        font-size: 24px;
        line-height: 32px;
}
    }
:where(.title-2) {
    font-size: 24px;
    line-height: 26px;
    font-weight: var(--font-semibold);
    font-family: var(--font-family-open);
    color: var(--colors-text-default);
}
@media (min-width: 540px) {
:where(.title-2) {
        font-size: 26px;
        line-height: 28px;
}
    }
@media (min-width: 1248px) {
:where(.title-2) {
        font-size: 28px;
        line-height: 34px;
}
    }
:where(.title-1) {
    font-size: 26px;
    line-height: 28px;
    font-weight: var(--font-semibold);
    font-family: var(--font-family-open);
    color: var(--colors-text-default);
}
@media (min-width: 540px) {
:where(.title-1) {
        font-size: 28px;
        line-height: 30px;
}
    }
@media (min-width: 1248px) {
:where(.title-1) {
        font-size: 32px;
        line-height: 36px;
}
    }
:where(.large-title) {
    font-size: 28px;
    line-height: 30px;
    font-weight: var(--font-bold);
    font-family: var(--font-family-space);
    color: var(--colors-text-default);
}
@media (min-width: 540px) {
:where(.large-title) {
        font-size: 32px;
        line-height: 44px;
}
    }
@media (min-width: 1248px) {
:where(.large-title) {
        font-size: 40px;
        line-height: 45px;
}
    }
:where(.display-3) {
    font-size: 32px;
    line-height: 44px;
    font-weight: var(--font-bold);
    font-family: var(--font-family-space);
    color: var(--colors-text-default);
}
@media (min-width: 540px) {
:where(.display-3) {
        font-size: 36px;
        line-height: 45px;
}
    }
@media (min-width: 1248px) {
:where(.display-3) {
        font-size: 50px;
        line-height: 60px;
}
    }
:where(.display-2) {
    font-size: 36px;
    line-height: 44px;
    font-weight: var(--font-bold);
    font-family: var(--font-family-space);
    color: var(--colors-text-default);
}
@media (min-width: 540px) {
:where(.display-2) {
        font-size: 48px;
        line-height: 54px;
}
    }
@media (min-width: 1248px) {
:where(.display-2) {
        font-size: 68px;
        line-height: 74px;
}
    }
:where(.display-1) {
    font-size: 48px;
    line-height: 58px;
    font-weight: var(--font-bold);
    font-family: var(--font-family-space);
    color: var(--colors-text-default);
}
@media (min-width: 540px) {
:where(.display-1) {
        font-size: 60px;
        line-height: 70px;
}
    }
@media (min-width: 1248px) {
:where(.display-1) {
        font-size: 78px;
        line-height: 75px;
}
    }
/* Margin Utilities*/

.m-auto {
    margin: auto;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.mt-auto {
    margin-top: auto;
}

.mr-auto {
    margin-right: auto;
}

.mb-auto {
    margin-bottom: auto;
}

.ml-auto {
    margin-left: auto;
}

.m-0 {
    margin: 0px;
}

.mx-0 {
    margin-left: 0px;
    margin-right: 0px;
}

.my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.mt-0 {
    margin-top: 0px;
}

.mr-0 {
    margin-right: 0px;
}

.mb-0 {
    margin-bottom: 0px;
}

.ml-0 {
    margin-left: 0px;
}

.m-px {
    margin: 1px;
}

.mx-px {
    margin-left: 1px;
    margin-right: 1px;
}

.my-px {
    margin-top: 1px;
    margin-bottom: 1px;
}

.mt-px {
    margin-top: 1px;
}

.mr-px {
    margin-right: 1px;
}

.mb-px {
    margin-bottom: 1px;
}

.ml-px {
    margin-left: 1px;
}

.m-0\.5 {
    margin: 0.125rem;
    /* 2px */
}

.mx-0\.5 {
    margin-left: 0.125rem;
    /* 2px */
    margin-right: 0.125rem;
    /* 2px */
}

.my-0\.5 {
    margin-top: 0.125rem;
    /* 2px */
    margin-bottom: 0.125rem;
    /* 2px */
}

.mt-0\.5 {
    margin-top: 0.125rem;
    /* 2px */
}

.mr-0\.5 {
    margin-right: 0.125rem;
    /* 2px */
}

.mb-0\.5 {
    margin-bottom: 0.125rem;
    /* 2px */
}

.ml-0\.5 {
    margin-left: 0.125rem;
    /* 2px */
}

.m-1 {
    margin: 0.25rem;
    /* 4px */
}

.mx-1 {
    margin-left: 0.25rem;
    /* 4px */
    margin-right: 0.25rem;
    /* 4px */
}

.my-1 {
    margin-top: 0.25rem;
    /* 4px */
    margin-bottom: 0.25rem;
    /* 4px */
}

.mt-1 {
    margin-top: 0.25rem;
    /* 4px */
}

.mr-1 {
    margin-right: 0.25rem;
    /* 4px */
}

.mb-1 {
    margin-bottom: 0.25rem;
    /* 4px */
}

.ml-1 {
    margin-left: 0.25rem;
    /* 4px */
}

.m-1\.5 {
    margin: 0.375rem;
    /* 6px */
}

.mx-1\.5 {
    margin-left: 0.375rem;
    /* 6px */
    margin-right: 0.375rem;
    /* 6px */
}

.my-1\.5 {
    margin-top: 0.375rem;
    /* 6px */
    margin-bottom: 0.375rem;
    /* 6px */
}

.mt-1\.5 {
    margin-top: 0.375rem;
    /* 6px */
}

.mr-1\.5 {
    margin-right: 0.375rem;
    /* 6px */
}

.mb-1\.5 {
    margin-bottom: 0.375rem;
    /* 6px */
}

.ml-1\.5 {
    margin-left: 0.375rem;
    /* 6px */
}

.m-2 {
    margin: 0.5rem;
    /* 8px */
}

.mx-2 {
    margin-left: 0.5rem;
    /* 8px */
    margin-right: 0.5rem;
    /* 8px */
}

.my-2 {
    margin-top: 0.5rem;
    /* 8px */
    margin-bottom: 0.5rem;
    /* 8px */
}

.mt-2 {
    margin-top: 0.5rem;
    /* 8px */
}

.mr-2 {
    margin-right: 0.5rem;
    /* 8px */
}

.mb-2 {
    margin-bottom: 0.5rem;
    /* 8px */
}

.ml-2 {
    margin-left: 0.5rem;
    /* 8px */
}

.m-2\.5 {
    margin: 0.625rem;
    /* 10px */
}

.mx-2\.5 {
    margin-left: 0.625rem;
    /* 10px */
    margin-right: 0.625rem;
    /* 10px */
}

.my-2\.5 {
    margin-top: 0.625rem;
    /* 10px */
    margin-bottom: 0.625rem;
    /* 10px */
}

.mt-2\.5 {
    margin-top: 0.625rem;
    /* 10px */
}

.mr-2\.5 {
    margin-right: 0.625rem;
    /* 10px */
}

.mb-2\.5 {
    margin-bottom: 0.625rem;
    /* 10px */
}

.ml-2\.5 {
    margin-left: 0.625rem;
    /* 10px */
}

.m-3 {
    margin: 0.75rem;
    /* 12px */
}

.mx-3 {
    margin-left: 0.75rem;
    /* 12px */
    margin-right: 0.75rem;
    /* 12px */
}

.my-3 {
    margin-top: 0.75rem;
    /* 12px */
    margin-bottom: 0.75rem;
    /* 12px */
}

.mt-3 {
    margin-top: 0.75rem;
    /* 12px */
}

.mr-3 {
    margin-right: 0.75rem;
    /* 12px */
}

.mb-3 {
    margin-bottom: 0.75rem;
    /* 12px */
}

.ml-3 {
    margin-left: 0.75rem;
    /* 12px */
}

.m-3\.5 {
    margin: 0.875rem;
    /* 14px */
}

.mx-3\.5 {
    margin-left: 0.875rem;
    /* 14px */
    margin-right: 0.875rem;
    /* 14px */
}

.my-3\.5 {
    margin-top: 0.875rem;
    /* 14px */
    margin-bottom: 0.875rem;
    /* 14px */
}

.mt-3\.5 {
    margin-top: 0.875rem;
    /* 14px */
}

.mr-3\.5 {
    margin-right: 0.875rem;
    /* 14px */
}

.mb-3\.5 {
    margin-bottom: 0.875rem;
    /* 14px */
}

.ml-3\.5 {
    margin-left: 0.875rem;
    /* 14px */
}

.m-4 {
    margin: 1rem;
    /* 16px */
}

.mx-4 {
    margin-left: 1rem;
    /* 16px */
    margin-right: 1rem;
    /* 16px */
}

.my-4 {
    margin-top: 1rem;
    /* 16px */
    margin-bottom: 1rem;
    /* 16px */
}

.mt-4 {
    margin-top: 1rem;
    /* 16px */
}

.mr-4 {
    margin-right: 1rem;
    /* 16px */
}

.mb-4 {
    margin-bottom: 1rem;
    /* 16px */
}

.ml-4 {
    margin-left: 1rem;
    /* 16px */
}

.m-5 {
    margin: 1.25rem;
    /* 20px */
}

.mx-5 {
    margin-left: 1.25rem;
    /* 20px */
    margin-right: 1.25rem;
    /* 20px */
}

.my-5 {
    margin-top: 1.25rem;
    /* 20px */
    margin-bottom: 1.25rem;
    /* 20px */
}

.mt-5 {
    margin-top: 1.25rem;
    /* 20px */
}

.mr-5 {
    margin-right: 1.25rem;
    /* 20px */
}

.mb-5 {
    margin-bottom: 1.25rem;
    /* 20px */
}

.ml-5 {
    margin-left: 1.25rem;
    /* 20px */
}

.m-6 {
    margin: 1.5rem;
    /* 24px */
}

.mx-6 {
    margin-left: 1.5rem;
    /* 24px */
    margin-right: 1.5rem;
    /* 24px */
}

.my-6 {
    margin-top: 1.5rem;
    /* 24px */
    margin-bottom: 1.5rem;
    /* 24px */
}

.mt-6 {
    margin-top: 1.5rem;
    /* 24px */
}

.mr-6 {
    margin-right: 1.5rem;
    /* 24px */
}

.mb-6 {
    margin-bottom: 1.5rem;
    /* 24px */
}

.ml-6 {
    margin-left: 1.5rem;
    /* 24px */
}

.m-7 {
    margin: 1.75rem;
    /* 28px */
}

.mx-7 {
    margin-left: 1.75rem;
    /* 28px */
    margin-right: 1.75rem;
    /* 28px */
}

.my-7 {
    margin-top: 1.75rem;
    /* 28px */
    margin-bottom: 1.75rem;
    /* 28px */
}

.mt-7 {
    margin-top: 1.75rem;
    /* 28px */
}

.mr-7 {
    margin-right: 1.75rem;
    /* 28px */
}

.mb-7 {
    margin-bottom: 1.75rem;
    /* 28px */
}

.ml-7 {
    margin-left: 1.75rem;
    /* 28px */
}

.m-8 {
    margin: 2rem;
    /* 32px */
}

.mx-8 {
    margin-left: 2rem;
    /* 32px */
    margin-right: 2rem;
    /* 32px */
}

.my-8 {
    margin-top: 2rem;
    /* 32px */
    margin-bottom: 2rem;
    /* 32px */
}

.mt-8 {
    margin-top: 2rem;
    /* 32px */
}

.mr-8 {
    margin-right: 2rem;
    /* 32px */
}

.mb-8 {
    margin-bottom: 2rem;
    /* 32px */
}

.ml-8 {
    margin-left: 2rem;
    /* 32px */
}

.m-9 {
    margin: 2.25rem;
    /* 36px */
}

.mx-9 {
    margin-left: 2.25rem;
    /* 36px */
    margin-right: 2.25rem;
    /* 36px */
}

.my-9 {
    margin-top: 2.25rem;
    /* 36px */
    margin-bottom: 2.25rem;
    /* 36px */
}

.mt-9 {
    margin-top: 2.25rem;
    /* 36px */
}

.mr-9 {
    margin-right: 2.25rem;
    /* 36px */
}

.mb-9 {
    margin-bottom: 2.25rem;
    /* 36px */
}

.ml-9 {
    margin-left: 2.25rem;
    /* 36px */
}

.m-10 {
    margin: 2.5rem;
    /* 40px */
}

.mx-10 {
    margin-left: 2.5rem;
    /* 40px */
    margin-right: 2.5rem;
    /* 40px */
}

.my-10 {
    margin-top: 2.5rem;
    /* 40px */
    margin-bottom: 2.5rem;
    /* 40px */
}

.mt-10 {
    margin-top: 2.5rem;
    /* 40px */
}

.mr-10 {
    margin-right: 2.5rem;
    /* 40px */
}

.mb-10 {
    margin-bottom: 2.5rem;
    /* 40px */
}

.ml-10 {
    margin-left: 2.5rem;
    /* 40px */
}

.m-11 {
    margin: 2.75rem;
    /* 44px */
}

.mx-11 {
    margin-left: 2.75rem;
    /* 44px */
    margin-right: 2.75rem;
    /* 44px */
}

.my-11 {
    margin-top: 2.75rem;
    /* 44px */
    margin-bottom: 2.75rem;
    /* 44px */
}

.mt-11 {
    margin-top: 2.75rem;
    /* 44px */
}

.mr-11 {
    margin-right: 2.75rem;
    /* 44px */
}

.mb-11 {
    margin-bottom: 2.75rem;
    /* 44px */
}

.ml-11 {
    margin-left: 2.75rem;
    /* 44px */
}

.m-12 {
    margin: 3rem;
    /* 48px */
}

.mx-12 {
    margin-left: 3rem;
    /* 48px */
    margin-right: 3rem;
    /* 48px */
}

.my-12 {
    margin-top: 3rem;
    /* 48px */
    margin-bottom: 3rem;
    /* 48px */
}

.mt-12 {
    margin-top: 3rem;
    /* 48px */
}

.mr-12 {
    margin-right: 3rem;
    /* 48px */
}

.mb-12 {
    margin-bottom: 3rem;
    /* 48px */
}

.ml-12 {
    margin-left: 3rem;
    /* 48px */
}

/* Padding Utilities*/

.p-0 {
    padding: 0px;
}

.px-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.pt-0 {
    padding-top: 0px;
}

.pr-0 {
    padding-right: 0px;
}

.pb-0 {
    padding-bottom: 0px;
}

.pl-0 {
    padding-left: 0px;
}

.p-px {
    padding: 1px;
}

.px-px {
    padding-left: 1px;
    padding-right: 1px;
}

.py-px {
    padding-top: 1px;
    padding-bottom: 1px;
}

.pt-px {
    padding-top: 1px;
}

.pr-px {
    padding-right: 1px;
}

.pb-px {
    padding-bottom: 1px;
}

.pl-px {
    padding-left: 1px;
}

.p-0\.5 {
    padding: 0.125rem;
    /* 2px */
}

.px-0\.5 {
    padding-left: 0.125rem;
    /* 2px */
    padding-right: 0.125rem;
    /* 2px */
}

.py-0\.5 {
    padding-top: 0.125rem;
    /* 2px */
    padding-bottom: 0.125rem;
    /* 2px */
}

.pt-0\.5 {
    padding-top: 0.125rem;
    /* 2px */
}

.pr-0\.5 {
    padding-right: 0.125rem;
    /* 2px */
}

.pb-0\.5 {
    padding-bottom: 0.125rem;
    /* 2px */
}

.pl-0\.5 {
    padding-left: 0.125rem;
    /* 2px */
}

.p-1 {
    padding: 0.25rem;
    /* 4px */
}

.px-1 {
    padding-left: 0.25rem;
    /* 4px */
    padding-right: 0.25rem;
    /* 4px */
}

.py-1 {
    padding-top: 0.25rem;
    /* 4px */
    padding-bottom: 0.25rem;
    /* 4px */
}

.pt-1 {
    padding-top: 0.25rem;
    /* 4px */
}

.pr-1 {
    padding-right: 0.25rem;
    /* 4px */
}

.pb-1 {
    padding-bottom: 0.25rem;
    /* 4px */
}

.pl-1 {
    padding-left: 0.25rem;
    /* 4px */
}

.p-1\.5 {
    padding: 0.375rem;
    /* 6px */
}

.px-1\.5 {
    padding-left: 0.375rem;
    /* 6px */
    padding-right: 0.375rem;
    /* 6px */
}

.py-1\.5 {
    padding-top: 0.375rem;
    /* 6px */
    padding-bottom: 0.375rem;
    /* 6px */
}

.pt-1\.5 {
    padding-top: 0.375rem;
    /* 6px */
}

.pr-1\.5 {
    padding-right: 0.375rem;
    /* 6px */
}

.pb-1\.5 {
    padding-bottom: 0.375rem;
    /* 6px */
}

.pl-1\.5 {
    padding-left: 0.375rem;
    /* 6px */
}

.p-2 {
    padding: 0.5rem;
    /* 8px */
}

.px-2 {
    padding-left: 0.5rem;
    /* 8px */
    padding-right: 0.5rem;
    /* 8px */
}

.py-2 {
    padding-top: 0.5rem;
    /* 8px */
    padding-bottom: 0.5rem;
    /* 8px */
}

.pt-2 {
    padding-top: 0.5rem;
    /* 8px */
}

.pr-2 {
    padding-right: 0.5rem;
    /* 8px */
}

.pb-2 {
    padding-bottom: 0.5rem;
    /* 8px */
}

.pl-2 {
    padding-left: 0.5rem;
    /* 8px */
}

.p-2\.5 {
    padding: 0.625rem;
    /* 10px */
}

.px-2\.5 {
    padding-left: 0.625rem;
    /* 10px */
    padding-right: 0.625rem;
    /* 10px */
}

.py-2\.5 {
    padding-top: 0.625rem;
    /* 10px */
    padding-bottom: 0.625rem;
    /* 10px */
}

.pt-2\.5 {
    padding-top: 0.625rem;
    /* 10px */
}

.pr-2\.5 {
    padding-right: 0.625rem;
    /* 10px */
}

.pb-2\.5 {
    padding-bottom: 0.625rem;
    /* 10px */
}

.pl-2\.5 {
    padding-left: 0.625rem;
    /* 10px */
}

.p-3 {
    padding: 0.75rem;
    /* 12px */
}

.px-3 {
    padding-left: 0.75rem;
    /* 12px */
    padding-right: 0.75rem;
    /* 12px */
}

.py-3 {
    padding-top: 0.75rem;
    /* 12px */
    padding-bottom: 0.75rem;
    /* 12px */
}

.pt-3 {
    padding-top: 0.75rem;
    /* 12px */
}

.pr-3 {
    padding-right: 0.75rem;
    /* 12px */
}

.pb-3 {
    padding-bottom: 0.75rem;
    /* 12px */
}

.pl-3 {
    padding-left: 0.75rem;
    /* 12px */
}

.p-3\.5 {
    padding: 0.875rem;
    /* 14px */
}

.px-3\.5 {
    padding-left: 0.875rem;
    /* 14px */
    padding-right: 0.875rem;
    /* 14px */
}

.py-3\.5 {
    padding-top: 0.875rem;
    /* 14px */
    padding-bottom: 0.875rem;
    /* 14px */
}

.pt-3\.5 {
    padding-top: 0.875rem;
    /* 14px */
}

.pr-3\.5 {
    padding-right: 0.875rem;
    /* 14px */
}

.pb-3\.5 {
    padding-bottom: 0.875rem;
    /* 14px */
}

.pl-3\.5 {
    padding-left: 0.875rem;
    /* 14px */
}

.p-4 {
    padding: 1rem;
    /* 16px */
}

.px-4 {
    padding-left: 1rem;
    /* 16px */
    padding-right: 1rem;
    /* 16px */
}

.py-4 {
    padding-top: 1rem;
    /* 16px */
    padding-bottom: 1rem;
    /* 16px */
}

.pt-4 {
    padding-top: 1rem;
    /* 16px */
}

.pr-4 {
    padding-right: 1rem;
    /* 16px */
}

.pb-4 {
    padding-bottom: 1rem;
    /* 16px */
}

.pl-4 {
    padding-left: 1rem;
    /* 16px */
}

.p-5 {
    padding: 1.25rem;
    /* 20px */
}

.px-5 {
    padding-left: 1.25rem;
    /* 20px */
    padding-right: 1.25rem;
    /* 20px */
}

.py-5 {
    padding-top: 1.25rem;
    /* 20px */
    padding-bottom: 1.25rem;
    /* 20px */
}

.pt-5 {
    padding-top: 1.25rem;
    /* 20px */
}

.pr-5 {
    padding-right: 1.25rem;
    /* 20px */
}

.pb-5 {
    padding-bottom: 1.25rem;
    /* 20px */
}

.pl-5 {
    padding-left: 1.25rem;
    /* 20px */
}

.p-6 {
    padding: 1.5rem;
    /* 24px */
}

.px-6 {
    padding-left: 1.5rem;
    /* 24px */
    padding-right: 1.5rem;
    /* 24px */
}

.py-6 {
    padding-top: 1.5rem;
    /* 24px */
    padding-bottom: 1.5rem;
    /* 24px */
}

.pt-6 {
    padding-top: 1.5rem;
    /* 24px */
}

.pr-6 {
    padding-right: 1.5rem;
    /* 24px */
}

.pb-6 {
    padding-bottom: 1.5rem;
    /* 24px */
}

.pl-6 {
    padding-left: 1.5rem;
    /* 24px */
}

.p-7 {
    padding: 1.75rem;
    /* 28px */
}

.px-7 {
    padding-left: 1.75rem;
    /* 28px */
    padding-right: 1.75rem;
    /* 28px */
}

.py-7 {
    padding-top: 1.75rem;
    /* 28px */
    padding-bottom: 1.75rem;
    /* 28px */
}

.pt-7 {
    padding-top: 1.75rem;
    /* 28px */
}

.pr-7 {
    padding-right: 1.75rem;
    /* 28px */
}

.pb-7 {
    padding-bottom: 1.75rem;
    /* 28px */
}

.pl-7 {
    padding-left: 1.75rem;
    /* 28px */
}

.p-8 {
    padding: 2rem;
    /* 32px */
}

.px-8 {
    padding-left: 2rem;
    /* 32px */
    padding-right: 2rem;
    /* 32px */
}

.py-8 {
    padding-top: 2rem;
    /* 32px */
    padding-bottom: 2rem;
    /* 32px */
}

.pt-8 {
    padding-top: 2rem;
    /* 32px */
}

.pr-8 {
    padding-right: 2rem;
    /* 32px */
}

.pb-8 {
    padding-bottom: 2rem;
    /* 32px */
}

.pl-8 {
    padding-left: 2rem;
    /* 32px */
}

.p-9 {
    padding: 2.25rem;
    /* 36px */
}

.px-9 {
    padding-left: 2.25rem;
    /* 36px */
    padding-right: 2.25rem;
    /* 36px */
}

.py-9 {
    padding-top: 2.25rem;
    /* 36px */
    padding-bottom: 2.25rem;
    /* 36px */
}

.pt-9 {
    padding-top: 2.25rem;
    /* 36px */
}

.pr-9 {
    padding-right: 2.25rem;
    /* 36px */
}

.pb-9 {
    padding-bottom: 2.25rem;
    /* 36px */
}

.pl-9 {
    padding-left: 2.25rem;
    /* 36px */
}

.p-10 {
    padding: 2.5rem;
    /* 40px */
}

.px-10 {
    padding-left: 2.5rem;
    /* 40px */
    padding-right: 2.5rem;
    /* 40px */
}

.py-10 {
    padding-top: 2.5rem;
    /* 40px */
    padding-bottom: 2.5rem;
    /* 40px */
}

.pt-10 {
    padding-top: 2.5rem;
    /* 40px */
}

.pr-10 {
    padding-right: 2.5rem;
    /* 40px */
}

.pb-10 {
    padding-bottom: 2.5rem;
    /* 40px */
}

.pl-10 {
    padding-left: 2.5rem;
    /* 40px */
}

.p-11 {
    padding: 2.75rem;
    /* 44px */
}

.px-11 {
    padding-left: 2.75rem;
    /* 44px */
    padding-right: 2.75rem;
    /* 44px */
}

.py-11 {
    padding-top: 2.75rem;
    /* 44px */
    padding-bottom: 2.75rem;
    /* 44px */
}

.pt-11 {
    padding-top: 2.75rem;
    /* 44px */
}

.pr-11 {
    padding-right: 2.75rem;
    /* 44px */
}

.pb-11 {
    padding-bottom: 2.75rem;
    /* 44px */
}

.pl-11 {
    padding-left: 2.75rem;
    /* 44px */
}

.p-12 {
    padding: 3rem;
    /* 48px */
}

.px-12 {
    padding-left: 3rem;
    /* 48px */
    padding-right: 3rem;
    /* 48px */
}

.py-12 {
    padding-top: 3rem;
    /* 48px */
    padding-bottom: 3rem;
    /* 48px */
}

.pt-12 {
    padding-top: 3rem;
    /* 48px */
}

.pr-12 {
    padding-right: 3rem;
    /* 48px */
}

.pb-12 {
    padding-bottom: 3rem;
    /* 48px */
}

.pl-12 {
    padding-left: 3rem;
    /* 48px */
}

/* Gap Utilities*/

.gap-0 {
    gap: 0
}

.gap-1 {
    gap: 0.25rem;
    /* 4px */
}

.gap-1\.5 {
    gap: 0.375rem;
    /* 6px */
}

.gap-2 {
    gap: 0.5rem;
    /* 8px */
}

.gap-2\.5 {
    gap: 0.625rem;
    /* 10px */
}

.gap-3 {
    gap: 0.75rem;
    /* 12px */
}

.gap-3\.5 {
    gap: 0.875rem;
    /* 14px */
}

.gap-4 {
    gap: 1rem;
    /* 16px */
}

.gap-5 {
    gap: 1.25rem;
    /* 20px */
}

.gap-6 {
    gap: 1.5rem;
    /* 24px */
}

.gap-7 {
    gap: 1.75rem;
    /* 28px */
}

.gap-8 {
    gap: 2rem;
    /* 32px */
}

.row-gap-0 {
    row-gap: 0;
}

.row-gap-8 {
    row-gap: 2rem;
    /* 32px */
}

/* Negative Margin */

.-mt-0\.5 {
    margin-top: -0.125rem;
    /* -2px */
}

.-mt-1 {
    margin-top: -0.25rem;
    /* -4px */
}

.-mt-1\.5 {
    margin-top: -0.375rem;
    /* -6px */
}
.badge {
    background-color: var(--colors-primary-purple);
    display: inline-block;
    padding: 0.6em;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    font-size: 0.625rem;
    font-weight: 600;
    border-radius: 1.25rem;
    color: var(--colors-white-black);
}
.text-link {
	display: inline-block;
	width: -moz-fit-content;
	width: fit-content;
	text-wrap: balance;
	color: var(--colors-primary-purple);
	font-family: var(--font-family-open);
	font-weight: var(--font-semibold);
	font-style: normal;
	line-height: 1.5rem;
	text-transform: none;
}.text-link:hover {
		-webkit-text-decoration: underline;
		text-decoration: underline;
		color: var(--colors-primary-purple-hover);
	}
:root {
    --midnight-blue-shade-20: #0f042c;
    --midnight-blue-shade-10: #14053a;
    --midnight-blue-primary: #190649;
    --brand-purple-shade-45: #080415;
    --brand-purple-shade-40: #10092a;
    --brand-purple-shade-35: #180d40;
    --brand-purple-shade-30: #201155;
    --brand-purple-shade-20: #311a7f;
    --brand-purple-shade-10: #4122aa;
    --brand-purple-primary: #512bd4;
    --brand-purple-tint-10: #7455dd;
    --brand-purple-tint-20: #9780e5;
    --brand-purple-tint-25: #ac99ea;
    --brand-purple-tint-30: #b9aaee;
    --brand-purple-tint-35: #cbbff2;
    --brand-purple-tint-40: #dcd5f6;
    --brand-purple-tint-45: #eeeafb;
    --cyan-shade-45: #041315;
    --cyan-shade-40: #08272a;
    --cyan-shade-35: #0c3a3f;
    --cyan-shade-30: #104e54;
    --cyan-shade-20: #18747d;
    --cyan-shade-10: #209ba7;
    --cyan-primary: #28c2d1;
    --cyan-tint-10: #53ceda;
    --cyan-tint-20: #7edae3;
    --cyan-tint-30: #a9e7ed;
    --cyan-tint-35: #beedf1;
    --cyan-tint-40: #d4f3f6;
    --cyan-tint-45: #e9f9fa;
    --blue-shade-45: #010b1a;
    --blue-shade-40: #021633;
    --blue-shade-35: #03204d;
    --blue-shade-30: #042b66;
    --blue-shade-20: #074199;
    --blue-shade-10: #0956cc;
    --blue-primary: #0b6cff;
    --blue-dark: #2b0b98;
    --blue-tint-10: #3c89ff;
    --blue-tint-20: #6da7ff;
    --blue-tint-30: #9dc4ff;
    --blue-tint-35: #b6d3ff;
    --blue-tint-40: #cee2ff;
    --blue-tint-45: #e7f0ff;
    --flamingo-shade-45: #340a0e;
    --flamingo-shade-40: #491218;
    --flamingo-shade-35: #5f1a21;
    --flamingo-shade-30: #74222b;
    --flamingo-shade-20: #a0313d;
    --flamingo-shade-10: #cb4150;
    --flamingo-primary: #f65163;
    --flamingo-tint-10: #f87482;
    --flamingo-tint-20: #fa97a1;
    --flamingo-tint-30: #fbb9c1;
    --flamingo-tint-35: #fccbd0;
    --flamingo-tint-40: #fddce0;
    --flamingo-tint-45: #feeeef;
    --magenta-shade-45: #150011;
    --magenta-shade-40: #2b0022;
    --magenta-shade-35: #400033;
    --magenta-shade-30: #560044;
    --magenta-shade-20: #800066;
    --magenta-shade-10: #ab0088;
    --magenta-primary: #d600aa;
    --magenta-tint-10: #de33bb;
    --magenta-tint-20: #e666cc;
    --magenta-tint-30: #ef99dd;
    --magenta-tint-35: #f3b2e5;
    --magenta-tint-40: #f7ccee;
    --magenta-tint-45: #fbe5f6;
    --yellow-shade-45: #2d1f08;
    --yellow-shade-40: #432f0f;
    --yellow-shade-35: #5a4016;
    --yellow-shade-30: #70511d;
    --yellow-shade-20: #9d722c;
    --yellow-shade-10: #ca943a;
    --yellow-primary: #f7b548;
    --yellow-tint-10: #f9c46d;
    --yellow-tint-20: #fad391;
    --yellow-tint-30: #fce1b6;
    --yellow-tint-35: #fde9c8;
    --yellow-tint-40: #fdf0da;
    --yellow-tint-46: #fef8ed;
    --neutrals-dark-black: #000000;
    --neutrals-dark-grey-4: #0a0a0a;
    --neutrals-dark-grey-8: #141414;
    --neutrals-dark-grey-24: #3d3d3d;
    --neutrals-dark-grey-36: #5c5c5c;
    --neutrals-dark-grey-40: #666666;
    --neutrals-dark-grey-52: #858585;
    --neutrals-dark-grey-68: #adadad;
    --neutrals-dark-grey-84: #d6d6d6;
    --neutrals-additionals-grey-2: #050505;
    --neutrals-additionals-grey-6: #0f0f0f;
    --neutrals-additionals-grey-10: #1a1a1a;
    --neutrals-additionals-grey-12: #1f1f1f;
    --neutrals-additionals-grey-16: #292929;
    --neutrals-additionals-grey-18: #2e2e2e;
    --neutrals-additionals-grey-20: #333333;
    --neutrals-additionals-grey-22: #383838;
    --neutrals-additionals-grey-28: #474747;
    --neutrals-additionals-grey-30: #4d4d4d;
    --neutrals-additionals-grey-32: #525252;
    --neutrals-additionals-grey-34: #575757;
    --neutrals-additionals-grey-42: #6b6b6b;
    --neutrals-additionals-grey-44: #707070;
    --neutrals-additionals-grey-46: #757575;
    --neutrals-additionals-grey-48: #7a7a7a;
    --neutrals-additionals-grey-54: #8a8a8a;
    --neutrals-additionals-grey-56: #8f8f8f;
    --neutrals-additionals-grey-58: #949494;
    --neutrals-additionals-grey-60: #999999;
    --neutrals-additionals-grey-62: #9e9e9e;
    --neutrals-additionals-grey-64: #a3a3a3;
    --neutrals-additionals-grey-66: #a8a8a8;
    --neutrals-additionals-grey-70: #b2b2b2;
    --neutrals-additionals-grey-72: #b8b8b8;
    --neutrals-additionals-grey-76: #c2c2c2;
    --neutrals-additionals-grey-78: #c7c7c7;
    --neutrals-additionals-grey-80: #cccccc;
    --neutrals-additionals-grey-86: #dbdbdb;
    --neutrals-additionals-grey-90: #e5e5e5;
    --neutrals-light-grey-14: #242424;
    --neutrals-light-grey-26: #424242;
    --neutrals-light-grey-38: #616161;
    --neutrals-light-grey-50: #808080;
    --neutrals-light-grey-68: #b3b3b3;
    --neutrals-light-grey-74: #bdbdbd;
    --neutrals-light-grey-82: #d1d1d1;
    --neutrals-light-grey-88: #e0e0e0;
    --neutrals-light-grey-90: #ebebeb;
    --neutrals-light-grey-94: #f0f0f0;
    --neutrals-light-grey-96: #f5f5f5;
    --neutrals-light-grey-98: #fafafa;
    --neutrals-light-white: #ffffff;
    --information-blue: #005fb7;
    --information-dark-green: #0f7b0f;
    --information-light-green: #dff6dd;
    --information-dark-red: #c42b1c;
    --information-light-red: #fde7e9;
    --information-dark-green: #052505;
    --information-dark-red: #3f1011;
    --vivid-orange: #df590b;
    --fluent-orange: #f98745;

    /* Spacing */
    --spacing-2xs: 0.25rem;
    --spacing-xs: 0.5rem;
    --spacing-sm: 0.75rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;

    /* Border Radius */
    --rounded-xs: 0.5rem;
    /* 8px */
    --rounded-sm: 0.75rem;
    /* 12px */
    --rounded-md: 1rem;
    /* 16px */
    --rounded-lg: 1.25rem;
    /* 20px */
    --rounded-xl: 2rem;
    /* 32px */

    /* Font Family */
    --font-family-open: "Open Sans", Helvetica, Arial, sans-serif;
    --font-family-space: "Space Grotesk", Helvetica, Arial, sans-serif;
    --font-family-code: "Space Mono", monospace;

    /* Font Weight */
    --font-normal: 400;
    --font-semibold: 600;
    --font-bold: 700;
}