/* Fonts */
@font-face {
    font-family: "Copernicus";
    src: url("/Fonts/Copernicus-Book.woff2") format("woff2"), url("/Fonts/Copernicus-Book.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Copernicus";
    src: url("/Fonts/Copernicus-BookItalic.woff2") format("woff2"), url("/Fonts/Copernicus-BookItalic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Copernicus";
    src: url("/Fonts/Copernicus-Medium.woff2") format("woff2"), url("/Fonts/Copernicus-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Copernicus";
    src: url("/Fonts/Copernicus-SemiBold.woff2") format("woff2"), url("/Fonts/Copernicus-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Copernicus";
    src: url("/Fonts/Copernicus-Bold.woff2") format("woff2"), url("/Fonts/Copernicus-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Polaris */
@font-face {
    font-family: "Polaris";
    src: url("/Fonts/Polaris-Book.woff2") format("woff2"), url("/Fonts/Polaris-Book.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Polaris";
    src: url("/Fonts/Polaris-Medium.woff2") format("woff2"), url("/Fonts/Polaris-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Polaris";
    src: url("/Fonts/Polaris-SemiBold.woff2") format("woff2"), url("/Fonts/Polaris-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Polaris";
    src: url("/Fonts/Polaris-Bold.woff2") format("woff2"), url("/Fonts/Polaris-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: "Polaris", sans-serif;
    font-size: var(--font-size-body-regular-desktop);
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}


/* text */


h1,
h2,
h3,
h4 {

    font-weight: var(--weight-polaris-medium-desktop);
}

h1 {
    font-family: "Copernicus", sans-serif;
    font-size: var(--font-size-display-1-desktop);
    font-weight: var(--weight-copernicus-regular);

}

h2 {
    font-family: "Copernicus", sans-serif;
    font-size: var(--font-size-heading-2-desktop);
    font-weight: var(--weight-copernicus-bold-desktop);
}

a {
    text-decoration: none;
}


/* inputs */

form[name=frmMain]>p:nth-of-type(1) {
    float: unset !important;
    position: relative;
    padding-left: var(--spacings-spacing-6-desktop);
}

form[name=frmMain]>p:nth-of-type(1)::before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 8px;
    vartical-align: middle;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M12 17V17.01M12 13.5C11.9816 13.1754 12.0692 12.8536 12.2495 12.583C12.4299 12.3125 12.6933 12.1079 13 12C13.3759 11.8563 13.7132 11.6272 13.9856 11.331C14.2579 11.0347 14.4577 10.6792 14.5693 10.2926C14.6809 9.90595 14.7013 9.49869 14.6287 9.10287C14.5562 8.70704 14.3928 8.33345 14.1513 8.01151C13.9099 7.68958 13.597 7.42808 13.2373 7.24762C12.8776 7.06715 12.4809 6.97264 12.0785 6.97152C11.6761 6.97041 11.2789 7.06272 10.9182 7.24119C10.5576 7.41965 10.2432 7.67941 10 8M3 12C3 13.1819 3.23279 14.3522 3.68508 15.4442C4.13738 16.5361 4.80031 17.5282 5.63604 18.364C6.47177 19.1997 7.46392 19.8626 8.55585 20.3149C9.64778 20.7672 10.8181 21 12 21C13.1819 21 14.3522 20.7672 15.4442 20.3149C16.5361 19.8626 17.5282 19.1997 18.364 18.364C19.1997 17.5282 19.8626 16.5361 20.3149 15.4442C20.7672 14.3522 21 13.1819 21 12C21 10.8181 20.7672 9.64778 20.3149 8.55585C19.8626 7.46392 19.1997 6.47177 18.364 5.63604C17.5282 4.80031 16.5361 4.13738 15.4442 3.68508C14.3522 3.23279 13.1819 3 12 3C10.8181 3 9.64778 3.23279 8.55585 3.68508C7.46392 4.13738 6.47177 4.80031 5.63604 5.63604C4.80031 6.47177 4.13738 7.46392 3.68508 8.55585C3.23279 9.64778 3 10.8181 3 12Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center;
    background-size: 18px;
}

form[name=frmMain]>p:nth-of-type(2) {
    display: none;
}


form[name=frmMain]>p>a {
    font-size: var(--font-size-body-small-desktop);
    color: var(--primary-grey-grey-500-mode-1);
    vertical-align: text-top;
    text-decoration: none;
}

input,
.btn {
    display: block;
    box-sizing: border-box;
    height: 64px;
    max-width: 400px;
    font-size: var(--font-size-body-regular-desktop);
    padding: var(--spacings-spacing-3-desktop) var(--spacings-spacing-6-desktop);
    margin: var(--spacings-spacing-2-desktop);
    border: solid 2px var(--primary-slate-slate-500-mode-1);
    border-radius: 60px;

}

.btn {
    text-align: center;
    padding: var(--button-padding-default);
}

input::placeholder {
    color: var(primary-grey-grey-300-mode-1);
}

input:focus {
    border-width: 3px;
}

input:focus::placeholder {
    color: var(primary-grey-grey-300-mode-1);
}

label {
    display: block;
    font-weight: 600;
    color: var(--primary-grey-grey-500-mode-1);
    margin: var(--spacings-spacing-2-desktop);
}

input[type=password] {
    padding-left: var(--spacings-spacing-8-desktop);
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M10.585 10.587C10.21 10.9621 9.99936 11.4709 9.99945 12.0014C9.99954 12.5318 10.2104 13.0405 10.5855 13.4155C10.9606 13.7905 11.4694 14.0011 11.9999 14.0011C12.5303 14.001 13.039 13.7901 13.414 13.415M16.681 16.673C15.2782 17.5507 13.6547 18.0109 12 18C8.4 18 5.4 16 3 12C4.272 9.88 5.712 8.322 7.32 7.326M10.18 6.18C10.779 6.05873 11.3888 5.99842 12 6C15.6 6 18.6 8 21 12C20.334 13.11 19.621 14.067 18.862 14.87M3 3L21 21' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat 24px center;
    background-size: 18px;
}

label[for=txtLoginpassword] {
    position: relative;
    padding: left: var(--spacings-spacing-8-desktop);
}


input[type=submit],
.btn {
    font-family: "Copernicus", serif;
    color: var(--primary-limestone-limestone-500-mode-1);
    font-size: var(--button-font-size-default);
    font-weight: 700;
    height: 64px !important;
    min-width: 198px;
    max-width: 242px;
    padding: var(--button-padding-default);
    background-color: var(--primary-slate-slate-500-mode-1) !important;
    border: solid 2px var(--primary-slate-slate-500-mode-1) !important;
    line-height: 20px;
}

input[type=submit]:hover,
.btn:hover {
    background-color: var(--primary-black-black-mode-1) !important;
    border: solid 2px var(--primary-black-black-mode-1) !important;
}

input[type=submit]:focus,
input[type=submit]:focus-visible,
.btn:focus,
.btn:focus-visible {
    background-color: var(--primary-slate-slate-500-mode-1) !important;
    border: solid 2px var(--primary-black-black-mode-1) !important;
}

input[type=submit]:active,
.btn:active {
    background-color: var(--primary-slate-slate-700-mode-1) !important;
    border: solid 2px var(--primary-slate-slate-700-mode-1) !important;
}

input[type=submit]:disabled,
.btn:disabled {
    background-color: var(--extended-disabled-disabled-100-mode-1) !important;
    border: solid 2px var(--extended-disabled-disabled-100-mode-1) !important;
    color: var(--extended-disabled-disabled-300-mode-1);
}

.ui-buttonset .ui-button {
    margin-right: -1px;
    border-radius: 0;
    padding: 11px 16px !important;
}

.ui-buttonset .ui-button:last-child {
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
}

.ui-buttonset .ui-button:not(:last-child) {
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
}

.ui-button {
    border-color: var(--primary-slate-500);
    color: var(--primary-slate-500);
    background: var(--primary-white, #fff);
}

.ui-button.ui-state-active {
    border-color: var(--primary-slate-500);
    background: var(--primary-slate-500);
    color: #fff;
}


div:has(> .btn) {
    float: unset !important;
}









/* Header */


#header,
#main_header_panel {
    height: 100px;
    width: 100%;
    border-bottom: solid 1px #DED8D9;
}

#header svg {
    height: 48px;
    width: 258px;
    margin: 26px 0px;
}

#header svg path {
    fill: #000;
}

#site-logo {
    height: 48px;
}

#headerlinks,
#mobileheadermenu {
    display: none;
    /* Removed for testing */
}

#topmenu_search {
    height: auto !important;
    background-color: #fff !important;
    border: none !important;
    box-shadow: unset !important;
    overflow: unset;
}

input[name=fldSearchFor] {
    height: 42px;
    width: 335px !important;
    border: solid 1px var(--primary-slate-slate-500-mode-1) !important;
    border-radius: var(--radius-radius-large-desktop);
    padding-left: var(--spacings-spacing-7-desktop) !important;
    background: url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14 14L10 10M2 6.66667C2 7.2795 2.12071 7.88634 2.35523 8.45252C2.58975 9.01871 2.93349 9.53316 3.36683 9.9665C3.80018 10.3998 4.31462 10.7436 4.88081 10.9781C5.447 11.2126 6.05383 11.3333 6.66667 11.3333C7.2795 11.3333 7.88634 11.2126 8.45252 10.9781C9.01871 10.7436 9.53316 10.3998 9.9665 9.9665C10.3998 9.53316 10.7436 9.01871 10.9781 8.45252C11.2126 7.88634 11.3333 7.2795 11.3333 6.66667C11.3333 6.05383 11.2126 5.447 10.9781 4.88081C10.7436 4.31462 10.3998 3.80018 9.9665 3.36683C9.53316 2.93349 9.01871 2.58975 8.45252 2.35523C7.88634 2.12071 7.2795 2 6.66667 2C6.05383 2 5.447 2.12071 4.88081 2.35523C4.31462 2.58975 3.80018 2.93349 3.36683 3.36683C2.93349 3.80018 2.58975 4.31462 2.35523 4.88081C2.12071 5.447 2 6.05383 2 6.66667Z' stroke='%23747474' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat 16px center;
    background-size: 18px;
}

form[name=frmSearch]>button {
    display: none;
}

select:not([size]) {
    display: block;
    box-sizing: border-box;
    height: 64px;
    max-width: 400px;
    font-size: var(--font-size-body-regular-desktop);
    padding: var(--spacings-spacing-3-desktop) var(--spacings-spacing-6-desktop);
    padding-right: 28px !important;
    margin: var(--spacings-spacing-2-desktop);
    border: solid 2px var(--primary-slate-slate-500-mode-1);
    border-radius: 60px;
    font-family: Polaris, sans-serif;
    color: #30373b;
    background-color: #ffffff;
    font-size: 14px !important;
    font-weight: 500;
    -webkit-appearance: none;
    background-image: url(sprites.svg#misc-chevron-down);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center right 10px;
}



#nav {
    float: unset !important;
    position: relative;
    top: 12px;
}

#account_info {
    position: absolute;
    right: 0;
    top: 0;
}



/* Left Menu  */


.leftMenuDropDown,
#leftMenuFavouriteFolders {
    height: 52px;
    border-bottom: solid 1px var(--secondary-clay-clay-500-mode-1);
    padding: 0;
    margin: 0;
}

.leftMenuDropDown a,
#leftMenuFavouriteFolders a {
    display: block;
    text-align: center;
    line-height: 52px;
    font-weight: var(--medium-desktop);
    color: #000;
}

#leftMenuFavouriteFolders {
    list-style-type: none;
    padding: 0;
}

.leftMenu-icon,
.tv_collapser {
    position: absolute;
}



/* Page content */

#contentbody,
#parent_right {
    margin: 8px;
    padding: 0px;
}

#contentbody>.container>.row {
    display: grid;
    grid-gap: var(--spacings-spacing-6-desktop);
}


@media (min-width: 750px) {

    #contentbody>.container>.row {
        grid-template-columns: 1fr 1fr;
    }

    .container {
        width: 80%;
        padding: 0;
    }

    #contentbody,
    #parent_right {
        margin: 8px;
        padding: var(--spacings-spacing-4-desktop) 0px;
    }
}



.container {
    max-width: 1100px;
    position: relative;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}








.pipelinebanner a {
    color: var(--primary-white-white-mode-1);
}

.pipelinebanner>.container>.row>.columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.accountoption {
    font-family: "Copernicus", serif;
    background-color: var(--primary-slate-slate-500-mode-1);
    padding: var(--spacings-spacing-responsive-1-desktop) !important;
    padding-right: var(--spacings-spacing-responsive-2-desktop) !important;
    margin: 8px;
}


.accountoption h3 {
    font-weight: var(--weight-copernicus-medium-desktop);
    font-size: var(--display-3-desktop);
    font-size: var(--font-size-body-small-desktop);
}

.accountoption p {
    font-family: "Polaris", sans-serif;
    font-weight: var(--weight-polaris-large-desktop);
    font-size: var(--font-size-body-small-desktop);
}


.ui-button-primary:hover {
    background-image: none;
}







/* Footer */





#footer {
    box-sizing: border-box;
    width: 100%;
    color: var(--primary-white-white-mode-1);
    background-color: var(--primary-black-black-mode-1);
    font-size: var(--font-size-body-small-desktop);
    margin: 0;
    margin-top: auto;
    padding: 36px 0px;
}

#footer a {
    color: var(--primary-white-white-mode-1);
}

#footer>.container>.row:nth-of-type(1) {
    display: grid;
    grid-template-columns: 1fr;
}

#footer>.container>.row ui {
    list-style-type: none;
}



.ui-button-primary:hover {
    background-image: none;
}


svg * {
    fill: none;
}


#paymentTable1 .radioButton {
    padding-right: 16px;
}

#paymentTable {

    border-collapse: collapse !important;
}



#frm3A94EF2BDFC848138F15B1AEFCFCDA70 {
    width: 75%;
    max-width: 1100px;
    margin: 0 auto;
}

@media (max-width: 650px) {
    #frm3A94EF2BDFC848138F15B1AEFCFCDA70 {
        width: 95%;
    }
}

#WizardPage_3A94EF2B-DFC8-4813-8F15-B1AEFCFCDA70 {
    padding: 8px 0;
}

/* Variables  */
:root {
    --4-mode-1: 4px;
    --8-mode-1: 8px;
    --12-mode-1: 12px;
    --16-mode-1: 16px;
    --24-mode-1: 24px;
    --32-mode-1: 32px;
    --40-mode-1: 40px;
    --56-mode-1: 56px;
    --72-mode-1: 72px;
    --80-mode-1: 80px;
    --96-mode-1: 96px;
    --112-mode-1: 112px;
    --128-mode-1: 128px;
    --radius-none-raduis-desktop: 0px;
    --radius-none-raduis-mobile: 0px;
    --64-mode-1: 64px;
    --48-mode-1: 48px;
    --primary-limestone-limestone-100-mode-1: #FEFDFDFF;
    --secondary-clay-clay-500-mode-1: #C8C2BEFF;
    --secondary-cornflower-cornflower-100-mode-1: #F0FCFCFF;
    --secondary-copper-copper-100-mode-1: #ECC6B0FF;
    --secondary-sandstrone-sandstone-100-mode-1: #F0E5D2FF;
    --secondary-willow-willow-100-mode-1: #D8DDD3FF;
    --secondary-timber-timber-100-mode-1: #CEBDBBFF;
    --primary-limestone-limestone-200-mode-1: #FEFBFBFF;
    --primary-limestone-limestone-300-mode-1: #FDFAF9FF;
    --primary-limestone-limestone-400-mode-1: #FCFAF7FF;
    --primary-limestone-limestone-500-mode-1: #FBFAF5FF;
    --primary-limestone-limestone-600-mode-1: #DCDCD6FF;
    --primary-limestone-limestone-700-mode-1: #BBBCB8FF;
    --primary-limestone-limestone-800-mode-1: #9B9D99FF;
    --primary-limestone-limestone-900-mode-1: #7B7E7AFF;
    --secondary-timber-timber-900-mode-1: #29110FFF;
    --secondary-timber-timber-800-mode-1: #351714FF;
    --secondary-timber-timber-700-mode-1: #451D1AFF;
    --secondary-timber-timber-600-mode-1: #582521FF;
    --secondary-timber-timber-500-mode-1: #612924FF;
    --secondary-timber-timber-400-mode-1: #815450FF;
    --secondary-timber-timber-300-mode-1: #95706CFF;
    --secondary-timber-timber-200-mode-1: #B69D9AFF;
    --secondary-clay-clay-700-mode-1: #96958EFF;
    --secondary-clay-clay-600-mode-1: #AFACA6FF;
    --secondary-clay-clay-900-mode-1: #63645FFF;
    --secondary-clay-clay-800-mode-1: #7D7D76FF;
    --secondary-clay-clay-300-mode-1: #DED8D9FF;
    --secondary-clay-clay-100-mode-1: #F4F2F4FF;
    --secondary-clay-clay-200-mode-1: #E9E5E7FF;
    --secondary-clay-clay-400-mode-1: #D3CCCBFF;
    --secondary-cornflower-cornflower-200-mode-1: #E1F8FAFF;
    --secondary-cornflower-cornflower-300-mode-1: #CDECF1FF;
    --secondary-cornflower-cornflower-400-mode-1: #B8DAE3FF;
    --secondary-cornflower-cornflower-500-mode-1: #9DC3D1FF;
    --secondary-cornflower-cornflower-600-mode-1: #729DB3FF;
    --secondary-cornflower-cornflower-700-mode-1: #4F7996FF;
    --secondary-cornflower-cornflower-800-mode-1: #325779FF;
    --secondary-cornflower-cornflower-900-mode-1: #1E3D64FF;
    --secondary-copper-copper-900-mode-1: #511E00FF;
    --secondary-copper-copper-700-mode-1: #8A3200FF;
    --secondary-copper-copper-800-mode-1: #6B2700FF;
    --secondary-copper-copper-500-mode-1: #C24700FF;
    --secondary-copper-copper-400-mode-1: #CE6C33FF;
    --secondary-copper-copper-300-mode-1: #D68454FF;
    --secondary-copper-copper-200-mode-1: #E3AA8AFF;
    --secondary-copper-copper-600-mode-1: #B14100FF;
    --primary-slate-slate-100-mode-1: #D7DEE0FF;
    --primary-slate-slate-200-mode-1: #B1C0C3FF;
    --primary-slate-slate-300-mode-1: #899FA4FF;
    --primary-slate-slate-400-mode-1: #667F84FF;
    --primary-slate-slate-500-mode-1: #47585CFF;
    --primary-slate-slate-600-mode-1: #3A484BFF;
    --primary-slate-slate-700-mode-1: #2A3437FF;
    --primary-slate-slate-800-mode-1: #1D2425FF;
    --primary-slate-slate-900-mode-1: #0D1111FF;
    --primary-slate-100: #d7dee0ff;
    --primary-slate-200: #b1c0c3ff;
    --primary-slate-300: #899fa4ff;
    --primary-slate-400: #667f84ff;
    --primary-slate-500: #47585cff;
    --primary-slate-600: #3a484bff;
    --primary-slate-700: #2a3437ff;
    --primary-slate-800: #1d2425ff;
    --primary-slate-900: #0d1111ff;
    --primary-black-black-mode-1: #000000FF;
    --primary-white-white-mode-1: #FFFFFFFF;
    --extended-success-success-100-mode-1: #EAF2EAFF;
    --secondary-sandstrone-sandstone-200-mode-1: #E8D8BCFF;
    --secondary-sandstrone-sandstone-300-mode-1: #DEC79DFF;
    --secondary-sandstrone-sandstone-400-mode-1: #D8BC8AFF;
    --secondary-sandstrone-sandstone-500-mode-1: #CEAB6DFF;
    --secondary-sandstrone-sandstone-600-mode-1: #BB9C63FF;
    --secondary-sandstrone-sandstone-700-mode-1: #92794DFF;
    --secondary-sandstrone-sandstone-800-mode-1: #715E3CFF;
    --secondary-sandstrone-sandstone-900-mode-1: #57482EFF;
    --secondary-willow-willow-200-mode-1: #C5CCBEFF;
    --secondary-willow-willow-300-mode-1: #ABB5A1FF;
    --secondary-willow-willow-400-mode-1: #9AA78EFF;
    --secondary-willow-willow-500-mode-1: #819172FF;
    --secondary-willow-willow-600-mode-1: #758468FF;
    --secondary-willow-willow-700-mode-1: #5C6751FF;
    --secondary-willow-willow-800-mode-1: #47503FFF;
    --secondary-willow-willow-900-mode-1: #363D30FF;
    --weight-copernicus-regular-desktop: 400;
    --weight-copernicus-regular-mobile: 400;
    --weight-copernicus-medium-desktop: 500;
    --weight-copernicus-medium-mobile: 500;
    --weight-copernicus-semi-bold-desktop: 600;
    --weight-copernicus-semi-bold-mobile: 600;
    --weight-copernicus-bold-desktop: 700;
    --weight-copernicus-bold-mobile: 700;
    --font-size-body-small-desktop: 14px;
    --font-size-body-small-mobile: 14px;
    --font-size-body-regular-desktop: 16px;
    --font-size-body-regular-mobile: 16px;
    --font-size-body-medium-desktop: 18px;
    --font-size-body-medium-mobile: 18px;
    --extended-success-success-500-mode-1: #297A2DFF;
    --extended-warning-warning-100-mode-1: #FDF0E6FF;
    --extended-warning-warning-500-mode-1: #E88930FF;
    --extended-error-error-100-mode-1: #FDF1F1FF;
    --extended-error-error-500-mode-1: #D22727FF;
    --extended-information-information-100-mode-1: #F7F9FCFF;
    --extended-information-information-500-mode-1: #0D52FDFF;
    --weight-polaris-light-desktop: 300;
    --weight-polaris-light-mobile: 300;
    --weight-polaris-regular-desktop: 400;
    --weight-polaris-regular-mobile: 400;
    --weight-polaris-medium-desktop: 500;
    --weight-polaris-medium-mobile: 500;
    --weight-polaris-bold-desktop: 700;
    --weight-polaris-bold-mobile: 700;
    --letter-spacing--2-desktop: -2px;
    --letter-spacing--2-mobile: -1px;
    --letter-spacing-0-desktop: 0px;
    --letter-spacing-0-mobile: 0px;
    --font-size-display-1-desktop: 44px;
    --font-size-display-1-mobile: 44px;
    --font-size-body-large-desktop: 22px;
    --font-size-body-large-mobile: 22px;
    --font-size-heading-1-desktop: 27px;
    --font-size-heading-1-mobile: 23px;
    --line-height-display-1-desktop: 106px;
    --line-height-display-1-mobile: 52px;
    --font-size-display-2-desktop: 64px;
    --font-size-display-2-mobile: 38px;
    --font-size-display-3-desktop: 50px;
    --font-size-display-3-mobile: 32px;
    --font-size-display-4-desktop: 38px;
    --font-size-display-4-mobile: 26px;
    --font-size-display-5-desktop: 30px;
    --font-size-display-5-mobile: 22px;
    --font-size-display-6-desktop: 22px;
    --font-size-display-6-mobile: 20px;
    --letter-spacing--1-desktop: -1px;
    --letter-spacing--1-mobile: -1px;
    --line-height-display-2-desktop: 96px;
    --line-height-display-2-mobile: 48px;
    --line-height-display-3-desktop: 68px;
    --line-height-display-3-mobile: 36px;
    --line-height-display-4-desktop: 56px;
    --line-height-display-4-mobile: 32px;
    --line-height-display-5-desktop: 42px;
    --line-height-display-5-mobile: 30px;
    --line-height-display-6-desktop: 30px;
    --line-height-display-6-mobile: 30px;
    --font-size-heading-2-desktop: 23px;
    --font-size-heading-2-mobile: 20px;
    --font-size-sub-heading-1-desktop: 18px;
    --font-size-sub-heading-1-mobile: 18px;
    --font-size-sub-heading-2-desktop: 16px;
    --font-size-sub-heading-2-mobile: 16px;
    --line-height-body-extra-large-desktop: 36px;
    --line-height-body-extra-large-mobile: 36px;
    --line-height-body-large-desktop: 32px;
    --line-height-body-large-mobile: 32px;
    --line-height-body-medium-desktop: 28px;
    --line-height-body-medium-mobile: 28px;
    --line-height-body-regular-desktop: 26px;
    --line-height-body-regular-mobile: 26px;
    --line-height-body-small-desktop: 22px;
    --line-height-body-small-mobile: 22px;
    --font-size-body-extra-large-desktop: 26px;
    --font-size-body-extra-large-mobile: 26px;
    --line-height-heading-1-desktop: 34px;
    --line-height-heading-1-mobile: 32px;
    --line-height-heading-2-desktop: 28px;
    --line-height-heading-2-mobile: 28px;
    --line-height-sub-heading-1-desktop: 24px;
    --line-height-sub-heading-1-mobile: 28px;
    --line-height-sub-heading-2-desktop: 22px;
    --line-height-sub-heading-2-mobile: 24px;
    --button-font-weight-small: 700px;
    --button-font-weight-default: 700px;
    --button-font-weight-large: 700px;
    --button-font-size-small: 16px;
    --button-font-size-default: 18px;
    --button-font-size-large: 22px;
    --button-line-height-small: 20px;
    --button-line-height-default: 24px;
    --button-line-height-large: 28px;
    --button-letter-spacing-small: 0px;
    --button-letter-spacing-default: 0px;
    --button-letter-spacing-large: 0px;
    --button-icon-wxh-small: 20px;
    --button-icon-wxh-default: 24px;
    --button-icon-wxh-large: 28px;
    --button-padding-small: 16px;
    --button-padding-default: 20px;
    --button-padding-large: 28px;
    --extended-disabled-disabled-100-mode-1: #E5E5E5FF;
    --extended-disabled-disabled-500-mode-1: #666666FF;
    --primary-grey-grey-500-mode-1: #3C3937FF;
    --primary-black-black-50-mode-1: #00000080;
    --extended-reviews-reviews-500-mode-1: #CEAB6DFF;
    --extended-disabled-disabled-300-mode-1: #A4A4A4FF;
    --spacings-spacing-0-desktop: 0px;
    --spacings-spacing-0-mobile: 0px;
    --font-size-quotation-large-desktop: 27px;
    --font-size-quotation-large-mobile: 22px;
    --font-size-quotation-medium-desktop: 22px;
    --font-size-quotation-medium-mobile: 20px;
    --font-size-quotation-small-desktop: 18px;
    --font-size-quotation-small-mobile: 18px;
    --line-height-quotation-large-desktop: 36px;
    --line-height-quotation-large-mobile: 32px;
    --line-height-quotation-medium-desktop: 30px;
    --line-height-quotation-medium-mobile: 27px;
    --line-height-quotation-small-desktop: 26px;
    --line-height-quotation-small-mobile: 24px;
    --paragraph-spacing-heading-2-desktop: 0px;
    --paragraph-spacing-heading-2-mobile: 0px;
    --paragraph-spacing-heading-1-desktop: 0px;
    --paragraph-spacing-heading-1-mobile: 0px;
    --paragraph-spacing-sub-heading-1-desktop: 0px;
    --paragraph-spacing-sub-heading-1-mobile: 0px;
    --paragraph-spacing-display-4-desktop: 0px;
    --paragraph-spacing-display-4-mobile: 0px;
    --paragraph-spacing-display-3-desktop: 0px;
    --paragraph-spacing-display-3-mobile: 0px;
    --paragraph-spacing-quotation-large-desktop: 0px;
    --paragraph-spacing-quotation-large-mobile: 0px;
    --paragraph-spacing-display-6-desktop: 0px;
    --paragraph-spacing-display-6-mobile: 0px;
    --paragraph-spacing-body-small-desktop: 18px;
    --paragraph-spacing-body-small-mobile: 18px;
    --paragraph-spacing-quotation-medium-desktop: 0px;
    --paragraph-spacing-quotation-medium-mobile: 0px;
    --paragraph-spacing-display-5-desktop: 0px;
    --paragraph-spacing-display-5-mobile: 0px;
    --paragraph-spacing-body-large-desktop: 18px;
    --paragraph-spacing-body-large-mobile: 18px;
    --paragraph-spacing-body-regular-desktop: 18px;
    --paragraph-spacing-body-regular-mobile: 18px;
    --paragraph-spacing-display-1-desktop: 0px;
    --paragraph-spacing-display-1-mobile: 0px;
    --paragraph-spacing-body-medium-desktop: 18px;
    --paragraph-spacing-body-medium-mobile: 18px;
    --paragraph-spacing-quotation-small-desktop: 0px;
    --paragraph-spacing-quotation-small-mobile: 0px;
    --paragraph-spacing-sub-heading-2-desktop: 0px;
    --paragraph-spacing-sub-heading-2-mobile: 0px;
    --paragraph-spacing-body-extra-large-desktop: 0px;
    --paragraph-spacing-body-extra-large-mobile: 0px;
    --paragraph-spacing-display-2-desktop: 0px;
    --paragraph-spacing-display-2-mobile: 0px;
    --primary-grey-grey-300-mode-1: #747474FF;
    --extended-buttons-cornflowerblue-500-mode-1: #9DC3D1FF;
    --extended-buttons-cornflowerblue-300-mode-1: #CDECF1FF;
    --secondary-copper-copper-50-mode-1: #F9EEE7FF;
    --primary-slate-slate-50-mode-1: #EBEFEFFF;

    --radius-radius-medium-desktop: 16px;
    --radius-radius-medium-mobile: 12px;
    --radius-radius-small-desktop: 8px;
    --radius-radius-small-mobile: 8px;
    --radius-radius-large-desktop: 32px;
    --radius-radius-large-mobile: 24px;
    --spacings-spacing-1-desktop: 4px;
    --spacings-spacing-1-mobile: 4px;
    --spacings-spacing-2-desktop: 8px;
    --spacings-spacing-2-mobile: 8px;
    --spacings-spacing-3-desktop: 12px;
    --spacings-spacing-3-mobile: 12px;
    --spacings-spacing-4-desktop: 16px;
    --spacings-spacing-4-mobile: 16px;
    --spacings-spacing-5-desktop: 24px;
    --spacings-spacing-5-mobile: 24px;
    --spacings-spacing-6-desktop: 32px;
    --spacings-spacing-6-mobile: 32px;
    --spacings-spacing-7-desktop: 40px;
    --spacings-spacing-7-mobile: 40px;
    --spacings-spacing-responsive-1-desktop: 64px;
    --spacings-spacing-responsive-1-mobile: 56px;
    --spacings-spacing-responsive-2-desktop: 72px;
    --spacings-spacing-responsive-2-mobile: 64px;
    --spacings-spacing-responsive-3-desktop: 80px;
    --spacings-spacing-responsive-3-mobile: 72px;
    --spacings-spacing-responsive-4-desktop: 96px;
    --spacings-spacing-responsive-4-mobile: 72px;
    --spacings-spacing-responsive-5-desktop: 112px;
    /* --spacings-spacing-responsive-5-mobile: 72px; */
    --spacings-spacing-responsive-5-mobile: 18px;
    --spacings-spacing-responsive-6-desktop: 128px;
    --spacings-spacing-responsive-6-mobile: 80px;
    --spacings-spacing-9-desktop: 56px;
    --spacings-spacing-9-mobile: 56px;
    --spacings-spacing-8-desktop: 48px;
    --spacings-spacing-8-mobile: 48px;
}