:root {
    --border-radius: 0.25rem;
    --z-index-120: 120;
    --z-index-100: 100;
    --z-index-040: 40;
    --z-index-020: 20;
    --z-index-001: 1;
    --space-base: 0.25rem;
    --space-005: calc(var(--space-base) * 1);
    --space-010: calc(var(--space-base) * 2);
    --space-015: calc(var(--space-base) * 3);
    --space-020: calc(var(--space-base) * 4);
    --space-025: calc(var(--space-base) * 5);
    --space-030: calc(var(--space-base) * 6);
    --space-035: calc(var(--space-base) * 7);
    --space-040: calc(var(--space-base) * 8);
    --space-045: calc(var(--space-base) * 9);
    --space-050: calc(var(--space-base) * 10);
    --space-055: calc(var(--space-base) * 11);
    --space-060: calc(var(--space-base) * 12);
    --space-065: calc(var(--space-base) * 13);
    --space-075: calc(var(--space-base) * 15);
    --space-080: calc(var(--space-base) * 16);
    --space-090: calc(var(--space-base) * 18);
    --space-100: calc(var(--space-base) * 20)
}

@media (max-width:959px) {
    :root {
        --page-horizontal-padding: var(--space-030)
    }
}

@media (min-width:960px) {
    :root {
        --page-horizontal-padding: var(--space-090)
    }
}

:root {
    --color-green-500: #32c6a1;
    --color-orange-500: #fc6449;
    --color-clementine-500: #ff9f2f;
    --color-yellow-500: #ffea29;
    --color-blue-500: #1577ea;
    --color-dark-blue-500: #01214b;
    --color-green-700: #28a384;
    --color-green-100: #cef1e9;
    --color-green-040: #ade8d9;
    --color-green-050: #eaf9f6;
    --color-green-010: #eaf9f6;
    --color-orange-600: #ea492f;
    --color-orange-200: #ffc7bd;
    --color-orange-150: #fed8d2;
    --color-orange-050: #ffefed;
    --color-clementine-600: #e08a26;
    --color-clementine-400: #ffb258;
    --color-clementine-200: #ffd7a9;
    --color-clementine-100: #ffead2;
    --color-blue-300: #73adf2;
    --color-blue-200: #a1c9f7;
    --color-blue-150: #b9d6f9;
    --color-blue-100: #d0e4fb;
    --color-blue-050: #e8f1fd;
    --color-blue-010: #e8f1fd;
    --color-blue-005: #f1f8ff;
    --color-yellow-050: #fff594;
    --color-gray-900: #1d2129;
    --color-gray-700: #31353c;
    --color-gray-500: #5d666f;
    --color-gray-300: #7f8a95;
    --color-gray-200: #adb6c0;
    --color-gray-150: #ccd3db;
    --color-gray-100: #dde4ed;
    --color-gray-075: #f0f3f8;
    --color-gray-050: #f6f8fb;
    --color-white-000: #fff;
    --font-standard: proximanova-regular, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-semibold: proxima-nova-semibold, proximanova-regular, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

@font-face {
    font-family: proximanova-regular;
    font-style: normal;
    font-weight: 400;
    src: url(/_next/static/media/proxima-nova-regular.27cfd494.woff2) format("woff2"), url(/_next/static/media/proxima-nova-regular.634b3993.woff) format("woff")
}

@font-face {
    font-family: proxima-nova-semibold;
    font-style: normal;
    font-weight: 600;
    src: url(/_next/static/media/proxima-nova-semibold.2f72ad14.woff2) format("woff2"), url(/_next/static/media/proxima-nova-semibold.e25cc0bd.woff) format("woff")
}

.heading-01,
.heading-02,
.title-01,
.title-02,
.title-03 {
    font-family: var(--font-semibold)
}

@media (max-width:960px) {
    .heading-01 {
        font-size: 2rem;
        line-height: 2.75rem
    }
}

@media (min-width:961px) and (max-width:1280px) {
    .heading-01 {
        font-size: 2.5rem;
        line-height: 3.25rem
    }
}

@media (min-width:1281px) {
    .heading-01 {
        font-size: 3.5rem;
        line-height: 4.25rem
    }
}

.heading-02 {
    font-size: 2rem;
    line-height: 2.75rem
}

@media (max-width:959px) {
    .title-01 {
        font-size: 1.125rem;
        line-height: 1.875rem
    }
}

@media (min-width:960px) {
    .title-01 {
        font-size: 1.5rem;
        line-height: 2.25rem
    }
}

.title-02 {
    font-size: 1.375rem
}

.title-02,
.title-03 {
    line-height: 1.875rem
}

.title-03 {
    font-size: 1.125rem
}

.body-semibold {
    font-family: var(--font-semibold)
}

.body-regular,
.body-semibold {
    font-size: 1rem;
    line-height: 1.75rem
}

.body-small-semibold {
    font-family: var(--font-semibold)
}

.body-small-regular,
.body-small-semibold {
    font-size: .875rem;
    line-height: 1.625rem
}

.caption,
.small-caps {
    font-size: .75rem;
    line-height: 1.5rem
}

.small-caps {
    font-family: var(--font-semibold);
    text-transform: uppercase
}

.caption-small {
    font-size: .6875rem;
    line-height: 1.375rem
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: unset
}

b,
strong {
    font-family: var(--font-semibold);
    font-weight: 600
}

img {
    display: block
}

:root {
    --size-base: 0.5rem;
    --size-base-010: var(--size-base);
    --size-base-020: calc(var(--size-base) * 2);
    --size-base-025: calc(var(--size-base) * 2.5);
    --size-base-030: calc(var(--size-base) * 3);
    --size-base-040: calc(var(--size-base) * 4);
    --size-base-050: calc(var(--size-base) * 5);
    --size-base-060: calc(var(--size-base) * 6);
    --size-base-070: calc(var(--size-base) * 7);
    --size-base-080: calc(var(--size-base) * 8)
}

body {
    font-family: var(--font-standard)
}

html {
    box-sizing: border-box;
    text-size-adjust: none
}

*,
:after,
:before {
    box-sizing: inherit
}

@media (prefers-reduced-motion:reduce) {
    *,
    :after,
    :before {
        animation-delay: -1ms !important;
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        background-attachment: scroll !important;
        scroll-behavior: auto !important;
        transition-duration: 0s !important;
        transition-delay: 0s !important
    }
}

body,
html {
    margin: 0;
    padding: 0
}

body,
body>#__next,
html {
    block-size: 100dvb
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: unset
}

button {
    font-family: inherit
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

:root {
    --size-navigation-mobile: calc(var(--size-base) * 7);
    --size-navigation-desktop: calc(var(--size-base) * 8)
}