:root {
    --container--container-interactive-max-width: 75rem;
}

body {
    color: var(--_colors---colors-core--neutral--neutral-400);
}

img {
    height: auto;
    /* Responsive images (ensure images don't scale beyond their parents) */
    max-width: 100%;
    /* Because Site Score requires Width and Height, must globally fight that is great */
    width: -moz-fit-content;
    width: fit-content;
}

button.remove-margin-bottom * {
    margin-bottom: 0px;
}

details summary {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    list-style: none;
}

details summary::marker,
details summary::-webkit-details-marker {
    -webkit-appearance: none;
            appearance: none;
    display: none;
    pointer-events: none; /* prevents click events */
    -webkit-user-select: none;
            user-select: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}


/* ===== Base Classes ===== */
.message-error {
    background: var(--_colors---colors-core--pink--pink-100);
    padding: var(--padding--padding-xs) var(--padding--padding-default);
    border-radius: var(--borders--border-radius-default);
    margin-top: var(--padding--padding-md);
}

.button {
    border-radius: var(--borders--border-radius-xl);
    font-size: var(--typography--font-size--font-size-default);
    padding: var(--padding--padding-default) var(--padding--padding-2xl);
}

.panel {
    background: var(--_colors---colors-core--white--white-100, #ffffff);
    border: var(--borders--border-width-default) solid var(--_colors---colors-support--gray--gray-100)  ;
    padding: var(--padding--padding-2xl);
    border-radius: var(--borders--border-radius-lg);
    z-index: 10;

    @media (min-width: 768px) {
        position: relative;
    }
}

 /* ===== Label Global Styles ===== */
.label {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;

    span + input {
        margin-left: auto;
    }

    .label-text {
        color: var(--_colors---colors-core--blue--blue-700);
        font-size: var(--typography--font-size--font-size-default);
        font-weight: 600;

        .required {
            color: var(--_colors---colors-core--pink--pink-200);
            margin-left: var(--padding--padding-xxs);
        }
    }

    .hint {
        position: absolute;
        right: calc(var(--padding--padding-lg));
        top: 50%;
        transform: translateY(-50%);
        color: var(--_colors---colors-core--neutral--neutral-200);
        pointer-events: none;
    }
}

/* ===== Input Global Styles ===== */
.input {
    outline: none;
    &:not([type="checkbox"], [type="radio"]) {
        background: var(--_colors---colors-core--white--white-100);
        display: flex;
        border-width: var(--borders--border-width-bold);
        border-style: solid;
        border-color: var(--_colors---colors-core--neutral--neutral-400);
        border-radius: var(--borders--border-radius-default);
        padding: 0.375rem var(--padding--padding-2xl) 0.375rem var(--padding--padding-lg);
        color: var(--_colors---colors-core--blue--blue-700);
        font-size: var(--typography--font-size--font-size-default);
        font-weight: 600;

        @media (min-width: 768px) {
            max-width: 50%;
        }

        &:focus {
            outline: none;
            box-shadow: none;
        }
    }

    &.input-hidden {
        position: absolute;
        cursor: pointer;
        opacity: 0;
        z-index: 1;

        &.input-checkbox {
            height: var(--padding--padding-lg);
            width: var(--padding--padding-lg);
        }

        &.input-radio {
            height: var(--padding--none);
            width: var(--padding--none);
        }
    }
}

/* ===== Icon Global Styles ===== */
.icon {
    height: 1.5625rem;
    width: 1.5625rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ===== Error Message Components ===== */
.message-container-error {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    max-width: var(--container--container-interactive-max-width);
    width: 100%;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 6rem;
    padding-bottom: 10rem;
    margin-left: auto;
    margin-right: auto;

    @media (min-width: 1024px) {
        width: 50%;
    }
}

.message-title-error {
    color: var(--_colors---colors-semantic-tokens--text-secondary);
    font-weight: var(--typography--font-weight--font-weight-bold);
    font-size: var(--typography-semantic-tokens--h1);
    line-height: var(--typography--line-height--line-height-default);
    margin-top: 0.5rem;
    margin-bottom: 2rem;
    text-align: center;
}

.message-text-error {
    color: var(--_colors---colors-semantic-tokens--text-secondary);
    margin-bottom: 1rem;
    width: 100%;
    text-align: center;
}

.button-refresh {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background-color: #00aeef;
    color: white;
    border-radius: 0.5rem;
    font-weight: var(--typography--font-weight--font-weight-bold);
    cursor: pointer;
    border: 0;
    transition: background-color 150ms ease-in-out;

    &:hover {
        background-color: #0c1b54;
    }
}

/* cyrillic-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(/_next/static/media/abfec168c8990f67-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(/_next/static/media/3131c862d4942660-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(/_next/static/media/6a9c36ea9dc9b36b-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(/_next/static/media/e1694c6cb47c173f-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(/_next/static/media/ee40bb094c99a29a-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Nunito Fallback';src: local("Arial");ascent-override: 99.71%;descent-override: 34.82%;line-gap-override: 0.00%;size-adjust: 101.39%
}.__className_eef148 {font-family: 'Nunito', 'Nunito Fallback';font-style: normal
}.__variable_eef148 {--font-nunito: 'Nunito', 'Nunito Fallback'
}

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/b1f344208eb4edfe-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/48e2044251ef3125-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/bf24a9759715e608-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/1f173e5e25f3efee-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/904be59b21bd51cb-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Montserrat Fallback';src: local("Arial");ascent-override: 85.79%;descent-override: 22.25%;line-gap-override: 0.00%;size-adjust: 112.83%
}.__className_069ab3 {font-family: 'Montserrat', 'Montserrat Fallback';font-style: normal
}.__variable_069ab3 {--font-montserrat: 'Montserrat', 'Montserrat Fallback'
}