*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

label {
    transition: all 0.3s ease-in-out;
}

html {
    overflow: hidden;
}

body {
    overflow: hidden;
    background-size: cover;
}

html,
body {
    width: 100%;
    height: 100vh;
}

input {
    font-family: 'Source-Sans-Pro-Regular';
}

button {
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
}

tr, th, td {
    height: 36px;
}

li {
    list-style: none;
}

/****************************************************
 * 1.0 - Texts
 ****************************************************/

.display-2xl-regular {
    color: var(--text-color-display-display-primary, #1f2937);
    /* Display 2xl/Regular */
    font-family: Oswald-Regular;
    font-size: 72px;
    font-style: normal;
    font-weight: 400;
    line-height: 90px;
    /* 125% */
    letter-spacing: -1.44px;
}

.display-2xl-medium {
    color: var(--text-color-display-display-primary, #1f2937);
    /* Display 2xl/Medium */
    font-family: Oswald-Medium;
    font-size: 72px;
    font-style: normal;
    font-weight: 500;
    line-height: 90px;
    /* 125% */
    letter-spacing: -1.44px;
}

.display-2xl-semibold {
    color: var(--text-color-display-display-primary, #1f2937);
    /* Display 2xl/Semibold */
    font-family: Oswald-Semibold;
    font-size: 72px;
    font-style: normal;
    font-weight: 600;
    line-height: 90px;
    /* 125% */
    letter-spacing: -1.44px;
}

.display-2xl-bold {
    color: var(--text-color-display-display-primary, #1f2937);
    /* Display 2xl/Bold */
    font-family: Oswald-Bold;
    font-size: 72px;
    font-style: normal;
    font-weight: 700;
    line-height: 90px;
    /* 125% */
    letter-spacing: -1.44px;
}

/* Display XL */

.display-xl-regular {
    color: var(--text-color-display-display-primary, #1f2937);
    /* Display xl/Regular */
    font-family: Oswald-Regular;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 72px;
    /* 120% */
    letter-spacing: -1.2px;
}

.display-xl-medium {
    color: var(--text-color-display-display-primary, #1f2937);
    /* Display xl/Medium */
    font-family: Oswald-Medium;
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: 72px;
    /* 120% */
    letter-spacing: -1.2px;
}

.display-xl-semibold {
    color: var(--text-color-display-display-primary, #1f2937);
    /* Display xl/Semibold */
    font-family: Oswald-Semibold;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px;
    /* 120% */
    letter-spacing: -1.2px;
}

.display-xl-bold {
    color: var(--text-color-display-display-primary, #1f2937);
    /* Display xl/Bold */
    font-family: Oswald-Bold;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 72px;
    /* 120% */
    letter-spacing: -1.2px;
}

/* Display lg */

.display-lg-regular {
    color: var(--text-color-display-display-primary, #1f2937);
    /* Display xl/Regular */
    font-family: Oswald-Regular;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;
    /* 125% */
    letter-spacing: -0.96px;
}

.display-lg-medium {
    color: var(--text-color-display-display-primary, #1f2937);
    /* Display xl/Medium */
    font-family: Oswald-Medium;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 60px;
    /* 125% */
    letter-spacing: -0.96px;
}

.display-lg-semibold {
    color: var(--text-color-display-display-primary, #1f2937);
    /* Display xl/Semibold */
    font-family: Oswald-Semibold;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    /* 125% */
    letter-spacing: -0.96px;
}

.display-lg-bold {
    color: var(--text-color-display-display-primary, #1f2937);
    /* Display xl/Bold */
    font-family: Oswald-Bold;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 72px;
    /* 120% */
    letter-spacing: -1.2px;
}

/* Display md */

.display-md-regular {
    color: var(--text-color-display-display-primary, #1f2937);
    /* Display xl/Regular */
    font-family: Oswald-Regular;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    /* 122.222% */
    letter-spacing: -0.72px;
}

.display-md-medium {
    color: var(--text-color-display-display-primary, #1f2937);
    /* Display xl/Medium */
    font-family: Oswald-Medium;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 44px;
    /* 122.222% */
    letter-spacing: -0.72px;
}

.display-md-semibold {
    color: var(--text-color-display-display-primary, #1f2937);
    /* Display xl/Semibold */
    font-family: Oswald-Semibold;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    /* 122.222% */
    letter-spacing: -0.72px;
}

.display-md-bold {
    color: var(--text-color-display-display-primary, #1f2937);
    /* Display xl/Bold */
    font-family: Oswald-Bold;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    /* 122.222% */
    letter-spacing: -0.72px;
}

/* Display sm */

.display-sm-regular {
    color: var(--text-color-display-display-primary, #1f2937);
    /* Display xl/Regular */
    font-family: Oswald-Regular;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
    /* 126.667% */
}

.display-sm-medium {
    color: var(--text-color-display-display-primary, #1f2937);
    /* Display xl/Medium */
    font-family: Oswald-Medium;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px;
    /* 126.667% */
}

.display-sm-semibold {
    color: var(--text-color-display-display-primary, #1f2937);
    /* Display xl/Semibold */
    font-family: Oswald-Semibold;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px;
    /* 126.667% */
}

.display-sm-bold {
    color: var(--text-color-display-display-primary, #1f2937);
    /* Display xl/Bold */
    font-family: Oswald-Bold;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    /* 126.667% */
}

/* Display xs */

.display-xs-regular {
    color: var(--text-color-display-display-primary, #1f2937);
    /* Display xl/Regular */
    font-family: Oswald-Regular;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 133.333% */
}

.display-xs-medium {
    color: var(--text-color-display-display-primary, #1f2937);
    /* Display xl/Medium */
    font-family: Oswald-Medium;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    /* 133.333% */
}

.display-xs-semibold {
    color: var(--text-color-display-display-primary, #1f2937);
    /* Display xl/Semibold */
    font-family: Oswald-Semibold;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    /* 133.333% */
}

.display-xs-bold {
    color: var(--text-color-display-display-primary, #1f2937);
    /* Display xl/Bold */
    font-family: Oswald-Bold;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 133.333% */
}

/* Text xl */

.text-xl-regular {
    color: var(--text-color-text-text-primary, #253246);
    /* Display xl/Regular */
    font-family: Oswald-Regular;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 150% */
}

.text-xl-medium {
    color: var(--text-color-text-text-primary, #253246);
    /* Display xl/Medium */
    font-family: Oswald-Medium;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 150% */
}

.text-xl-semibold {
    color: var(--text-color-text-text-primary, #253246);
    /* Display xl/Semibold */
    font-family: Oswald-Semibold;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    /* 150% */
}

.text-xl-bold {
    color: var(--text-color-text-text-primary, #253246);
    /* Display xl/Bold */
    font-family: Oswald-Bold;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    /* 150% */
}

/* Text lg */

.text-lg-regular {
    color: var(--text-color-text-text-primary, #253246);
    /* Text lg/Light */
    font-family: "Source-Sans-Pro-Light";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 155.556% */
}

.text-lg-medium {
    color: var(--text-color-text-text-primary, #253246);

    /* Text lg/Regular */
    font-family: "Source-Sans-Pro-Regular";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 155.556% */
}

.text-lg-semibold {
    color: var(--text-color-text-text-primary, #253246);
    /* Text lg/Semibold */
    font-family: "Source-Sans-Pro-Semibold";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    /* 155.556% */
}

.text-lg-bold {
    color: var(--text-color-text-text-primary, #253246);
    /* Text lg/Semibold */
    font-family: "Source-Sans-Pro-Bold";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    /* 155.556% */
}

/* Text md */

.text-md-regular {
    color: var(--text-color-text-text-primary, #253246);
    /* Text md/Light */
    font-family: "Source-Sans-Pro-Light";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.text-md-medium {
    color: var(--text-color-text-text-primary, #253246);
    /* Text md/Regular */
    font-family: "Source-Sans-Pro-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}


.text-md-semibold {
    color: var(--text-color-text-text-primary, #253246);
    /* Text md/Semibold */
    font-family: "Source-Sans-Pro-Semibold";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
}

.text-md-bold {
    color: var(--text-color-text-text-primary, #253246);
    /* Text md/Bold */
    font-family: "Source-Sans-Pro-Bold";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
}

/* Text sm */

.text-sm-regular {
    color: var(--text-color-text-text-primary, #253246);
    /* Text md/Light */
    font-family: "Source-Sans-Pro-Light";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
}

.text-sm-medium {
    color: var(--text-color-text-text-primary, #253246);
    /* Text md/Regular */
    font-family: "Source-Sans-Pro-Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
}

.text-sm-semibold {
    color: var(--text-color-text-text-primary, #253246);
    /* Text md/Semibold */
    font-family: "Source-Sans-Pro-Semibold";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 142.857% */
}

.text-sm-bold {
    color: var(--text-color-text-text-primary, #253246);
    /* Text md/Bold */
    font-family: "Source-Sans-Pro-Bold";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    /* 142.857% */
}

/* Text xs */

.text-xs-regular {
    color: var(--text-color-text-text-primary, #253246);
    /* Text xs/Light */
    font-family: "Source-Sans-Pro-Light";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 150% */
}

.text-xs-medium {
    color: var(--text-color-text-text-primary, #253246);
    /* Text xs/Regular */
    font-family: "Source-Sans-Pro-Regular";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 150% */
}

.text-xs-semibold {
    color: var(--text-color-text-text-primary, #253246);
    /* Text xs/Semibold */
    font-family: "Source-Sans-Pro-Semibold";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    /* 150% */
}

.text-xs-bold {
    color: var(--text-color-text-text-primary, #253246);
    /* Text xs/Bold */
    font-family: "Source-Sans-Pro-Bold";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    /* 150% */
}

.text-secondary {
    color: var(--text-color-text-text-secondary, #4b5563);
}

.text-disabled {
    color: var(--text-color-text-text-disabled, #6b7280);
}

.display-secondary {
    color: var(--text-color-display-display-secondary, #36526e);
}

.display-disabled {
    color: var(--text-color-display-display-disabled, #9CA3AF);
}

.heading-1-light,
h1 {
    /* Heading 1/Light */
    color: var(--text-color-title-primary, #192129);
    font-family: "Oswald-Light";
    font-size: var(--font-size-h1, 48px);
    font-style: normal;
    font-weight: 300;
    line-height: var(--font-line-height-h1, 60px);
    /* 125% */
    letter-spacing: -0.96px;
}
.heading-3-light,
h2,
h3 {
    /* Heading 3/Light */
    color: #24313D;
    font-family: "Oswald-Light";
    font-size: var(--font-size-h3, 30px);
    font-style: normal;
    font-weight: 300;
    line-height: var(--font-line-height-h3, 38px);
    /* 126.667% */
    letter-spacing: -0.6px;
}


.heading-5-regular {
    color: var(--Text-color-body-secondary, #30475E);
    /* Heading 5/Regular */
    font-family: "Oswald-Regular";
    font-size: var(--font-size-h5, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--font-line-height-h5, 30px);
    /* 150% */
}

/****************************************************
 * 2.0 - Pages
 ****************************************************/

.page {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    padding-top: 94px;
}

.page .page-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/****************************************************
 * 3.0 - Containers
 ****************************************************/

.col {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.col-c {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.row {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.row-fs {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
}

.row-fe {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
}

.row-sb {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.row-c-fs {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
}

.gap4 {
    gap: 4px;
}

.gap8 {
    gap: 8px;
}

.gap12 {
    gap: 12px;
}

.gap24 {
    gap: 24px;
}

.gap32 {
    gap: 32px;
}

.stretch {
    flex: 1 0 0;
}

.modal-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 32px;
}

/****************************************************
 * 4.0 - Tools
 ****************************************************/

.divider {
    width: 100%;
    height: 1px;
    background: var(--border-border-primary, #D1D5DB);
}

.error {
    color: var(--text-color-body-error);
}

/****************************************************
 * 5.0 - Containers
 ****************************************************/

.content-block {
    width: 100%;
    padding: 16px;
    border-radius: var(--radius-radius-textarea, 18px);
    background: var(--background-color-surface-surface-secondary, #fff);
}

.form-group {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
}

.form-group .row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.disable-block {
    pointer-events: none;
    opacity: 0.5;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px var(--background-color-surface-surface-secondary, #f9fafb) inset !important;
}
input:-webkit-autofill {
    -webkit-text-fill-color: var(--text-color-text-text-secondary, #4b5563);
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}