/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/scss/fonts/inter.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/scss/fonts/poppins.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/scss/fonts/inter.scss (1) ***!
  \******************************************************************************************************************************************************************************************************************************/
.inter {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/scss/fonts/poppins.scss (1) ***!
  \********************************************************************************************************************************************************************************************************************************/
.poppins-thin {
    font-family: "Poppins", serif;
    font-weight: 100;
    font-style: normal;
}

.poppins-extralight {
    font-family: "Poppins", serif;
    font-weight: 200;
    font-style: normal;
}

.poppins-light {
    font-family: "Poppins", serif;
    font-weight: 300;
    font-style: normal;
}

.poppins-regular {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-medium {
    font-family: "Poppins", serif;
    font-weight: 500;
    font-style: normal;
}

.poppins-semibold {
    font-family: "Poppins", serif;
    font-weight: 600;
    font-style: normal;
}

.poppins-bold {
    font-family: "Poppins", serif;
    font-weight: 700;
    font-style: normal;
}

.poppins-extrabold {
    font-family: "Poppins", serif;
    font-weight: 800;
    font-style: normal;
}

.poppins-black {
    font-family: "Poppins", serif;
    font-weight: 900;
    font-style: normal;
}

.poppins-thin-italic {
    font-family: "Poppins", serif;
    font-weight: 100;
    font-style: italic;
}

.poppins-extralight-italic {
    font-family: "Poppins", serif;
    font-weight: 200;
    font-style: italic;
}

.poppins-light-italic {
    font-family: "Poppins", serif;
    font-weight: 300;
    font-style: italic;
}

.poppins-regular-italic {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-style: italic;
}

.poppins-medium-italic {
    font-family: "Poppins", serif;
    font-weight: 500;
    font-style: italic;
}

.poppins-semibold-italic {
    font-family: "Poppins", serif;
    font-weight: 600;
    font-style: italic;
}

.poppins-bold-italic {
    font-family: "Poppins", serif;
    font-weight: 700;
    font-style: italic;
}

.poppins-extrabold-italic {
    font-family: "Poppins", serif;
    font-weight: 800;
    font-style: italic;
}

.poppins-black-italic {
    font-family: "Poppins", serif;
    font-weight: 900;
    font-style: italic;
}
/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/scss/utils/margins.css ***!
  \***************************************************************************************************************************************************************************************************************************/
.m-0 { margin: 0 !important; }
.m-1 { margin: 0.313rem !important; }
.m-2 { margin: 0.625rem !important; }
.m-3 { margin: 0.938rem !important; }
.m-4 { margin: 1.25rem !important; }
.m-5 { margin: 2.5rem !important; }


.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.mx-1 {
    margin-left: 0.313rem !important;
    margin-right: 0.313rem !important;
}

.mx-2 {
    margin-left: 0.625rem !important;
    margin-right: 0.625rem !important;
}

.mx-3 {
    margin-left: 0.938rem !important;
    margin-right: 0.938rem !important;
}

.mx-4 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
}

.mx-5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.my-1 {
    margin-top: 0.313rem !important;
    margin-bottom: 0.313rem !important;
}

.my-2 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
}

.my-3 {
    margin-top: 0.938rem !important;
    margin-bottom: 0.938rem !important;
}

.my-4 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
}

.my-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
}

.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.313rem !important; }
.mt-2 { margin-top: 0.625rem !important; }
.mt-3 { margin-top: 0.938rem !important; }
.mt-4 { margin-top: 1.25rem !important; }
.mt-5 { margin-top: 2.5rem !important; }

.me-0 { margin-right: 0 !important; }
.me-1 { margin-right: 0.313rem !important; }
.me-2 { margin-right: 0.625rem !important; }
.me-3 { margin-right: 0.938rem !important; }
.me-4 { margin-right: 1.25rem !important; }
.me-5 { margin-right: 2.5rem !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.313rem !important; }
.mb-2 { margin-bottom: 0.625rem !important; }
.mb-3 { margin-bottom: 0.938rem !important; }
.mb-4 { margin-bottom: 1.25rem !important; }
.mb-5 { margin-bottom: 2.5rem !important; }

.ms-0 { margin-left: 0 !important; }
.ms-1 { margin-left: 0.313rem !important; }
.ms-2 { margin-left: 0.625rem !important; }
.ms-3 { margin-left: 0.938rem !important; }
.ms-4 { margin-left: 1.25rem !important; }
.ms-5 { margin-left: 2.5rem !important; }

@media screen and (min-width: 576px) {
    .m-sm-0 { margin: 0 !important; }
    .m-sm-1 { margin: 0.313rem !important; }
    .m-sm-2 { margin: 0.625rem !important; }
    .m-sm-3 { margin: 0.938rem !important; }
    .m-sm-4 { margin: 1.25rem !important; }
    .m-sm-5 { margin: 2.5rem !important; }

    .mt-sm-0 { margin-top: 0 !important; }
    .mt-sm-1 { margin-top: 0.313rem !important; }
    .mt-sm-2 { margin-top: 0.625rem !important; }
    .mt-sm-3 { margin-top: 0.938rem !important; }
    .mt-sm-4 { margin-top: 1.25rem !important; }
    .mt-sm-5 { margin-top: 2.5rem !important; }
    
    .me-sm-0 { margin-right: 0 !important; }
    .me-sm-1 { margin-right: 0.313rem !important; }
    .me-sm-2 { margin-right: 0.625rem !important; }
    .me-sm-3 { margin-right: 0.938rem !important; }
    .me-sm-4 { margin-right: 1.25rem !important; }
    .me-sm-5 { margin-right: 2.5rem }
    
    .mb-sm-0 { margin-bottom: 0 !important; }
    .mb-sm-1 { margin-bottom: 0.313rem !important; }
    .mb-sm-2 { margin-bottom: 0.625rem !important; }
    .mb-sm-3 { margin-bottom: 0.938rem !important; }
    .mb-sm-4 { margin-bottom: 1.25rem !important; }
    .mb-sm-5 { margin-bottom: 2.5rem !important; }
    
    .ms-sm-1 { margin-left: 0.313rem !important; }
    .ms-sm-2 { margin-left: 0.625rem !important; }
    .ms-sm-3 { margin-left: 0.938rem !important; }
    .ms-sm-4 { margin-left: 1.25rem !important; }
    .ms-sm-5 { margin-left: 2.5rem !important; }
    
    .mx-sm-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .mx-sm-1 {
        margin-left: 0.313rem;
        margin-right: 0.313rem;
    }
    
    .mx-sm-2 {
        margin-left: 0.625rem;
        margin-right: 0.625rem;
    }
    
    .mx-sm-3 {
        margin-left: 0.938rem;
        margin-right: 0.938rem;
    }
    
    .mx-sm-4 {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }
    
    .mx-sm-5 {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }
    
    .my-md-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .my-md-1 {
        margin-top: 0.313rem;
        margin-bottom: 0.313rem;
    }
    
    .my-md-2 {
        margin-top: 0.625rem;
        margin-bottom: 0.625rem;
    }
    
    .my-md-3 {
        margin-top: 0.938rem;
        margin-bottom: 0.938rem;
    }
    
    .my-md-4 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }
    
    .my-md-5 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }
}

@media screen and (min-width: 768px) {
    .m-md-0 { margin: 0; }
    .m-md-1 { margin: 0.313rem; }
    .m-md-2 { margin: 0.625rem; }
    .m-md-3 { margin: 0.938rem; }
    .m-md-4 { margin: 1.25rem; }
    .m-md-5 { margin: 2.5rem; }

    .mt-md-0 { margin-top: 0; }
    .mt-md-1 { margin-top: 0.313rem; }
    .mt-md-2 { margin-top: 0.625rem; }
    .mt-md-3 { margin-top: 0.938rem; }
    .mt-md-4 { margin-top: 1.25rem; }
    .mt-md-5 { margin-top: 2.5rem }
    
    .me-md-0 { margin-right: 0; }
    .me-md-1 { margin-right: 0.313rem; }
    .me-md-2 { margin-right: 0.625rem; }
    .me-md-3 { margin-right: 0.938rem; }
    .me-md-4 { margin-right: 1.25rem; }
    .me-md-5 { margin-right: 2.5rem }
    
    .mb-md-0 { margin-bottom: 0 !important; }
    .mb-md-1 { margin-bottom: 0.313rem; }
    .mb-md-2 { margin-bottom: 0.625rem !important; }
    .mb-md-3 { margin-bottom: 0.938rem; }
    .mb-md-4 { margin-bottom: 1.25rem; }
    .mb-md-5 { margin-bottom: 2.5rem }
    
    .ms-md-1 { margin-left: 0.313rem; }
    .ms-md-2 { margin-left: 0.625rem; }
    .ms-md-3 { margin-left: 0.938rem; }
    .ms-md-4 { margin-left: 1.25rem; }
    .ms-md-5 { margin-left: 2.5rem }
    
    .mx-md-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .mx-md-1 {
        margin-left: 0.313rem;
        margin-right: 0.313rem;
    }
    
    .mx-md-2 {
        margin-left: 0.625rem;
        margin-right: 0.625rem;
    }
    
    .mx-md-3 {
        margin-left: 0.938rem;
        margin-right: 0.938rem;
    }
    
    .mx-md-4 {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }
    
    .mx-md-5 {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }
    
    .my-md-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .my-md-1 {
        margin-top: 0.313rem;
        margin-bottom: 0.313rem;
    }
    
    .my-md-2 {
        margin-top: 0.625rem;
        margin-bottom: 0.625rem;
    }
    
    .my-md-3 {
        margin-top: 0.938rem;
        margin-bottom: 0.938rem;
    }
    
    .my-md-4 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }
    
    .my-md-5 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }
}

@media screen and (min-width: 992px) {
    .m-lg-0 { margin: 0; }
    .m-lg-1 { margin: 0.313rem; }
    .m-lg-2 { margin: 0.625rem; }
    .m-lg-3 { margin: 0.938rem; }
    .m-lg-4 { margin: 1.25rem; }
    .m-lg-5 { margin: 2.5rem; }

    .mt-lg-0 { margin-top: 0; }
    .mt-lg-1 { margin-top: 0.313rem; }
    .mt-lg-2 { margin-top: 0.625rem; }
    .mt-lg-3 { margin-top: 0.938rem; }
    .mt-lg-4 { margin-top: 1.25rem; }
    .mt-lg-5 { margin-top: 2.5rem }
    
    .me-lg-0 { margin-right: 0; }
    .me-lg-1 { margin-right: 0.313rem; }
    .me-lg-2 { margin-right: 0.625rem; }
    .me-lg-3 { margin-right: 0.938rem; }
    .me-lg-4 { margin-right: 1.25rem; }
    .me-lg-5 { margin-right: 2.5rem }
    
    .mb-lg-0 { margin-bottom: 0; }
    .mb-lg-1 { margin-bottom: 0.313rem; }
    .mb-lg-2 { margin-bottom: 0.625rem !important; }
    .mb-lg-3 { margin-bottom: 0.938rem; }
    .mb-lg-4 { margin-bottom: 1.25rem; }
    .mb-lg-5 { margin-bottom: 2.5rem }
    
    .ms-lg-1 { margin-left: 0.313rem; }
    .ms-lg-2 { margin-left: 0.625rem; }
    .ms-lg-3 { margin-left: 0.938rem; }
    .ms-lg-4 { margin-left: 1.25rem; }
    .ms-lg-5 { margin-left: 2.5rem }
    
    .mx-lg-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .mx-lg-1 {
        margin-left: 0.313rem;
        margin-right: 0.313rem;
    }
    
    .mx-lg-2 {
        margin-left: 0.625rem;
        margin-right: 0.625rem;
    }
    
    .mx-lg-3 {
        margin-left: 0.938rem;
        margin-right: 0.938rem;
    }
    
    .mx-lg-4 {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }
    
    .mx-lg-5 {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }
    
    .my-lg-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .my-lg-1 {
        margin-top: 0.313rem;
        margin-bottom: 0.313rem;
    }
    
    .my-lg-2 {
        margin-top: 0.625rem;
        margin-bottom: 0.625rem;
    }
    
    .my-lg-3 {
        margin-top: 0.938rem;
        margin-bottom: 0.938rem;
    }
    
    .my-lg-4 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }
    
    .my-lg-5 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }
}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/scss/utils/paddings.css ***!
  \****************************************************************************************************************************************************************************************************************************/
.p-0 {
    padding: 0;
}

.p-1 {
    padding: 0.313rem;
}

.p-2 {
    padding: 0.625rem;
}

.p-3 {
    padding: 0.938rem;
}

.p-4 {
    padding: 1.25rem;
}

.p-5 {
    padding: 2.5rem
}

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

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

.px-2 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.px-3 {
    padding-left: 0.938rem;
    padding-right: 0.938rem;
}

.px-4 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.px-5 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

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

.py-1 {
    padding-top: 0.313rem;
    padding-bottom: 0.313rem;
}

.py-2 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.py-3 {
    padding-top: 0.938rem;
    padding-bottom: 0.938rem;
}

.py-4 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.py-5 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.pt-0 { padding-top: 0; }
.pt-1 { padding-top: 0.313rem; }
.pt-2 { padding-top: 0.625rem; }
.pt-3 { padding-top: 0.938rem; }
.pt-4 { padding-top: 1.25rem; }
.pt-5 { padding-top: 2.5rem; }

.pe-0 { padding-right: 0; }
.pe-1 { padding-right: 0.313rem; }
.pe-2 { padding-right: 0.625rem; }
.pe-3 { padding-right: 0.938rem; }
.pe-4 { padding-right: 1.25rem; }
.pe-5 { padding-right: 2.5rem; }

.pb-0 { padding-bottom: 0; }
.pb-1 { padding-bottom: 0.313rem; }
.pb-2 { padding-bottom: 0.625rem; }
.pb-3 { padding-bottom: 0.938rem; }
.pb-4 { padding-bottom: 1.25rem; }
.pb-5 { padding-bottom: 2.5rem; }

.ps-0 { padding-left: 0; }
.ps-1 { padding-left: 0.313rem; }
.ps-2 { padding-left: 0.625rem; }
.ps-3 { padding-left: 0.938rem; }
.ps-4 { padding-left: 1.25rem; }
.ps-5 { padding-left: 2.5rem; }

@media screen and (min-width: 576px) {
    .p-sm-0 {
        padding: 0;
    }
    .p-sm-1 {
        padding: 0.313rem;
    }
    .p-sm-2 {
        padding: 0.625rem;
    }
    .p-sm-3 {
        padding: 0.938rem;
    }
    .p-sm-4 {
        padding: 1.25rem;
    }
    .p-sm-5 {
        padding: 2.5rem
    }

    .px-sm-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .px-sm-1 {
        padding-left: 0.313rem;
        padding-right: 0.313rem;
    }
    .px-sm-2 {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
    .px-sm-3 {
        padding-left: 0.938rem;
        padding-right: 0.938rem;
    }
    .px-sm-4 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .px-sm-5 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    
    .py-sm-0 {
        padding-top: 0;
        padding-bottom: 0;
    }
    .py-sm-1 {
        padding-top: 0.313rem;
        padding-bottom: 0.313rem;
    }
    .py-sm-2 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }
    .py-sm-3 {
        padding-top: 0.938rem;
        padding-bottom: 0.938rem;
    }
    .py-sm-4 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
    .py-sm-5 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .pt-sm-0 {
        padding-top: 0;
    }
    .pt-sm-1 {
        padding-top: 0.313rem;
    }
    .pt-sm-2 {
        padding-top: 0.625rem;
    }
    .pt-sm-3 {
        padding-top: 0.938rem;
    }
    .pt-sm-4 {
        padding-top: 1.25rem;
    }
    .pt-sm-5 {
        padding-top: 2.5rem
    }

    .pe-sm-0 {
        padding-right: 0;
    }
    .pe-sm-1 {
        padding-right: 0.313rem;
    }
    .pe-sm-2 {
        padding-right: 0.625rem;
    }
    .pe-sm-3 {
        padding-right: 0.938rem;
    }
    .pe-sm-4 {
        padding-right: 1.25rem;
    }
    .pe-sm-5 {
        padding-right: 2.5rem
    }

    .pb-sm-0 {
        padding-bottom: 0;
    }
    .pb-sm-1 {
        padding-bottom: 0.313rem;
    }
    .pb-sm-2 {
        padding-bottom: 0.625rem;
    }
    .pb-sm-3 {
        padding-bottom: 0.938rem;
    }
    .pb-sm-4 {
        padding-bottom: 1.25rem;
    }
    .pb-sm-5 {
        padding-bottom: 2.5rem
    }

    .ps-sm-0 {
        padding-left: 0;
    }
    .ps-sm-1 {
        padding-left: 0.313rem;
    }
    .ps-sm-2 {
        padding-left: 0.625rem;
    }
    .ps-sm-3 {
        padding-left: 0.938rem;
    }
    .ps-sm-4 {
        padding-left: 1.25rem;
    }
    .ps-sm-5 {
        padding-left: 2.5rem
    }
}

@media screen and (min-width: 768px) {
    .p-md-0 {
        padding: 0;
    }
    .p-md-1 {
        padding: 0.313rem;
    }
    .p-md-2 {
        padding: 0.625rem;
    }
    .p-md-3 {
        padding: 0.938rem;
    }
    .p-md-4 {
        padding: 1.25rem;
    }
    .p-md-5 {
        padding: 2.5rem
    }
    
    .px-md-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .px-md-1 {
        padding-left: 0.313rem;
        padding-right: 0.313rem;
    }
    .px-md-2 {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
    .px-md-3 {
        padding-left: 0.938rem;
        padding-right: 0.938rem;
    }
    .px-md-4 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .px-md-5 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .py-md-0 {
        padding-top: 0;
        padding-bottom: 0;
    }
    .py-md-1 {
        padding-top: 0.313rem;
        padding-bottom: 0.313rem;
    }
    .py-md-2 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }
    .py-md-3 {
        padding-top: 0.938rem;
        padding-bottom: 0.938rem;
    }
    .py-md-4 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
    .py-md-5 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .pt-md-0 {
        padding-top: 0;
    }
    .pt-md-1 {
        padding-top: 0.313rem;
    }
    .pt-md-2 {
        padding-top: 0.625rem;
    }
    .pt-md-3 {
        padding-top: 0.938rem;
    }
    .pt-md-4 {
        padding-top: 1.25rem;
    }
    .pt-md-5 {
        padding-top: 2.5rem
    }

    .pe-md-0 {
        padding-right: 0;
    }
    .pe-md-1 {
        padding-right: 0.313rem;
    }
    .pe-md-2 {
        padding-right: 0.625rem;
    }
    .pe-md-3 {
        padding-right: 0.938rem;
    }
    .pe-md-4 {
        padding-right: 1.25rem;
    }
    .pe-md-5 {
        padding-right: 2.5rem
    }

    .pb-md-0 {
        padding-bottom: 0;
    }
    .pb-md-1 {
        padding-bottom: 0.313rem;
    }
    .pb-md-2 {
        padding-bottom: 0.625rem;
    }
    .pb-md-3 {
        padding-bottom: 0.938rem;
    }
    .pb-md-4 {
        padding-bottom: 1.25rem;
    }
    .pb-md-5 {
        padding-bottom: 2.5rem
    }

    .ps-md-0 {
        padding-left: 0;
    }
    .ps-sm-1 {
        padding-left: 0.313rem;
    }
    .ps-sm-2 {
        padding-left: 0.625rem;
    }
    .ps-sm-3 {
        padding-left: 0.938rem;
    }
    .ps-sm-4 {
        padding-left: 1.25rem;
    }
    .ps-sm-5 {
        padding-left: 2.5rem
    }
}

@media screen and (min-width: 992px) {
    .p-lg-0 {
        padding: 0;
    }
    .p-lg-1 {
        padding-left: 0.313rem;
    }
    .p-lg-2 {
        padding-left: 0.625rem;
    }
    .p-lg-3 {
        padding-left: 0.938rem;
    }
    .p-lg-4 {
        padding-left: 1.25rem;
    }
    .p-lg-5 {
        padding-left: 2.5rem
    }

    .py-lg-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .py-lg-1 {
        padding-top: 0.313rem;
        padding-bottom: 0.313rem;
    }
    .py-lg-2 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }
    .py-lg-3 {
        padding-top: 0.938rem;
        padding-bottom: 0.938rem;
    }
    .py-lg-4 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
    .py-lg-5 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .px-lg-0 {
        padding-top: 0;
    }
    .px-lg-1 {
        padding-left: 0.313rem;
        padding-right: 0.313rem;
    }
    .px-lg-2 {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }
    .px-lg-3 {
        padding-left: 0.938rem;
        padding-right: 0.938rem;
    }
    .px-lg-4 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .px-lg-5 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .pt-lg-0 {
        padding-top: 0;
    }
    .pt-lg-1 {
        padding-top: 0.313rem;
    }
    .pt-lg-2 {
        padding-top: 0.625rem;
    }
    .pt-lg-3 {
        padding-top: 0.938rem;
    }
    .pt-lg-4 {
        padding-top: 1.25rem;
    }
    .pt-lg-5 {
        padding-top: 2.5rem
    }

    .pe-lg-0 {
        padding-right: 0;
    }
    .pe-lg-1 {
        padding-right: 0.313rem;
    }
    .pe-lg-2 {
        padding-right: 0.625rem;
    }
    .pe-lg-3 {
        padding-right: 0.938rem;
    }
    .pe-lg-4 {
        padding-right: 1.25rem;
    }
    .pe-lg-5 {
        padding-right: 2.5rem
    }

    .pb-lg-0 {
        padding-bottom: 0;
    }
    .pb-lg-1 {
        padding-bottom: 0.313rem;
    }
    .pb-lg-2 {
        padding-bottom: 0.625rem;
    }
    .pb-lg-3 {
        padding-bottom: 0.938rem;
    }
    .pb-lg-4 {
        padding-bottom: 1.25rem;
    }
    .pb-lg-5 {
        padding-bottom: 2.5rem
    }

    .ps-lg-0 {
        padding-left: 0;
    }
    .ps-lg-1 {
        padding-left: 0.313rem;
    }
    .ps-lg-2 {
        padding-left: 0.625rem;
    }
    .ps-lg-3 {
        padding-left: 0.938rem;
    }
    .ps-lg-4 {
        padding-left: 1.25rem;
    }
    .ps-lg-5 {
        padding-left: 2.5rem
    }
}
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/scss/utils/cols.css ***!
  \************************************************************************************************************************************************************************************************************************/
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    margin-top: var(--bs-gutter-y);
}

.col {
    flex: 1 0 0
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

@media screen and (min-width: 576px) {
    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (min-width: 992px) {
    .col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/scss/utils/forms.css ***!
  \*************************************************************************************************************************************************************************************************************************/
mat-form-field {
    width: 100%;
    border: 1px solid var(--border-color);
    border-radius: .8rem;
}

mat-form-field * {
    border-color: #dedede;
}

mat-form-field .mat-mdc-form-field-subscript-wrapper {
    display: none;
}

mat-form-field .mat-mdc-notch-piece {
    border: none;
}

mat-form-field .mat-mdc-form-field-flex {
    display: flex;
    align-items: center;
}

mat-form-field .mat-mdc-form-field-text-prefix {
    border-right: 1px solid var(--border-color);
    height: 37px;
    display: flex;
    align-items: center;
    padding-right: 10px;
    width: 25px;
    margin-right: 15px;
}

mat-form-field .mat-mdc-form-field-text-prefix lucide-angular {
    width: 20.4px;
    height: 17px;
}

mat-form-field .mdc-floating-label {
    margin-left: 15px;
}

.recover .mdc-checkbox__background {
    border-width: 1px;
    border-radius: 5px;
    border-color: var(--border-color);
}

.mdc-text-field--outlined .mat-mdc-form-field-infix, .mdc-text-field--no-label .mat-mdc-form-field-infix {
    padding-top: var(--mat-form-field-container-vertical-padding, 18px) !important;
}

/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/scss/utils/borders.css ***!
  \***************************************************************************************************************************************************************************************************************************/
/* Borders */
.border-0 {
    border: 0 !important;
}

.border {
    border: 1px solid var(--border-color);
}

.border-top {
    border-top: 1px solid var(--border-color);
}

.border-end {
    border-right: 1px solid var(--border-color);
}

.border-bottom {
    border-bottom: 1px solid var(--border-color);
}

.border-start {
    border-bottom: 1px solid var(--border-color);
}

.border-rounded {
    border-radius: 15px;
}

.border-circle {
    border-radius: 50%;
}


@media screen and (min-width: 576px) {
    .border-sm-top {
        border-top: 1px solid var(--border-color);
    }
    
    .border-sm-end {
        border-right: 1px solid var(--border-color);
    }
    
    .border-sm-bottom {
        border-bottom: 1px solid var(--border-color);
    }
    
    .border-sm-start {
        border-bottom: 1px solid var(--border-color);
    }
    
    .border-sm-rounded {
        border-radius: 15px;
    }
}

@media screen and (min-width: 768px) {
    .border-md-top {
        border-top: 1px solid var(--border-color);
    }
    
    .border-md-end {
        border-right: 1px solid var(--border-color);
    }
    
    .border-md-bottom {
        border-bottom: 1px solid var(--border-color);
    }
    
    .border-md-start {
        border-bottom: 1px solid var(--border-color);
    }
    
    .border-md-rounded {
        border-radius: 15px;
    }
}

@media screen and (min-width: 992px) {
    .border-lg-top {
        border-top: 1px solid var(--border-color);
    }
    
    .border-lg-end {
        border-right: 1px solid var(--border-color);
    }
    
    .border-lg-bottom {
        border-bottom: 1px solid var(--border-color);
    }
    
    .border-lg-start {
        border-bottom: 1px solid var(--border-color);
    }
    
    .border-lg-rounded {
        border-radius: 15px;
    }
}

/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/scss/brandStyles.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
@use './utils/margins.css';
@use './utils/paddings.css';
@use './utils/cols.css';
@use './utils/forms.css';
@use './utils/borders.css';

:root {
    --mat-sys-title-large-font: "Nunito", sans-serif;
    --mat-sys-title-large-weight: Bold;
    --amplify-colors-primary-80: #8339f3 !important;
    --primary-color: #8339f3;
    --mat-sys-primary: #8339f3;
    --accent-color: #ffbd02;
    --dark-color: #333333;
    --text-color: #565656;
    --border-color: #E6E8E8;
    --body-color: #F9FAFB;
    --cards-color: #FFFFFF;
    --icons-secondary: #939395;
    --success-color: #DDFFFB;
    --danger-color: #FFDDDD;
    --warning-color: #FFF6DD;
    --color-dark-danger: #ba1a1a;

    --mat-sys-label-large-font: "Poppins", "Nunito", sans-serif;
    --mat-filled-button-horizontal-padding: 1.15rem;
    --mat-sys-label-large-size: 1rem;
    --mat-sys-corner-full: 10px;
}

lucide-angular {
    display: flex;
    align-items: center;
    justify-content: center;
}

html,
body {
    height: 100%;
}

body {
    background-color: var(--body-color) !important;
    margin: 0;
    font-family: "Nunito", sans-serif;
}

/* Titles */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: "Poppins", "Nunito", sans-serif;
    color: var(--dark-color);
}

h1, .h1 {
    font-size: 35px;
}

h2, .h2 {
    font-size: 28px;
}

h3, .h3 {
    font-size: 22px;
}

h4, .h4 {
    font-size: 18px;
}

h5, .h5 {
    font-size: 15px;
}

h6 {
    font-size: 12px;
}

.fw-bold {
    font-weight: bold;
}

.fw-light {
    font-weight: lighter;
}

.fw-medium {
    font-weight: 500;
}

.fw-regular {
    font-weight: normal;
}

.text-center {
    text-align: center;
}

.text-start {
    text-align: left;
}

.text-end {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.text-primary {
    color: var(--primary-color);
}

.text-dark {
    color: var(--dark-color);
}

.text-danger {
    color: #ff9a9b;
}

a {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 600;
    padding: 0 10px;
}

/* Buttons */
.btn {
    border: 0;
    height: 45px;
    padding: 0 20px;
    border-radius: 0;
    color: var(--primary-color);
    font-weight: 600;
    cursor: pointer;
}

.btn-primary:not([disabled]) {
    background-color: var(--primary-color);
    color: #fff;
    * {
        color: #fff;
    }
}

.btn-secondary:not([disabled]) {
    background-color: var(--accent-color);
    color: black;
    * {
        color: black;
    }
}

.btn[disabled] {
    cursor: not-allowed;
    * {
        color: darkgray;
    }
}

.w-auto {
    width: auto;
}

.w-100 {
    width: 100%;
}

.w-50 {
    width: 50%;
}

.w-25 {
    width: 25%;
}

.w-75 {
    width: 75%;
}

.h-100 {
    height: 100% !important;
}

.h-50 {
    height: 50%;
}

.h-25 {
    height: 25%;
}

.h-75 {
    height: 75%;
}

/* Display */
.d-flex {
    display: flex;
}

.d-block {
    display: block;
}

.d-none {
    display: none;
}

@media screen and (min-width: 576px) {
    .d-sm-block {
        display: block;
    }

    .d-sm-none {
        display: none;
    }

}

@media screen and (min-width: 768px) {
    .d-md-block {
        display: block;
    }
    
    .d-md-flex {
        display: flex;
    }

    .d-md-none {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .d-lg-block {
        display: block;
    }

    .d-lg-none {
        display: none;
    }
}

.justify-content-center {
    justify-content: center;
}

.justify-content-between {
    justify-content: space-between;
}

.justify-content-around {
    justify-content: space-around;
}

.justify-content-end {
    justify-content: flex-end;
}

.align-items-center {
    align-items: center;
}

.align-items-start {
    align-items: flex-start;
}

.align-items-end {
    align-items: flex-end;
}

.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }

.content {
    max-width: 1200px;
    margin: 0 auto;
}

/* Icons */
.circle-icon {
    width: 50px;
    height: 50px;
    padding: 10px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F0F0F0;
    color: var(--primary-color);
}

/* Backgrounds */
.bg-primary {
    background-color: var(--primary-color);
    color: #FFFFFF;

    * {
        color: #FFFFFF;
    }
}

.bg-accent {
    background-color: var(--accent-color);
}

.bg-success {
    background-color: var(--success-color);
}

.bg-danger {
    background-color: var(--danger-color);
}

.bg-dark-danger {
    background-color: var(--color-dark-danger);
}

.text-primary {
    color: var(--primary-color);
    * {
        stroke: var(--primary-color);
    }
}

.text-accent {
    color: var(--accent-color);
    * {
        stroke: var(--accent-color);
    }
}

.text-white {
    color: #FFFFFF;
    * {
        stroke: #FFFFFF;
    }
}

.text-error {
    color: var(--color-dark-danger);
    * {
        stroke: var(--color-dark-danger);
    }
}

/* Cards */
.card {
    background-color: var(--cards-color);
    border-radius: 15px;
}

.cursor-pointer, .cursor-pointer * {
    cursor: pointer;
}

.amplify-button--primary {
    --amplify-internal-button-background-color: #8339f3 !important;
    border-radius: 15px !important;
}

.amplify-liveness-camera-module {
    border-style: dashed !important;
}

.amplify-liveness-overlay [aria-label] {
    color: #FFFFFF !important;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
html {
  --mat-sys-background: light-dark(#fff7f9, #161215);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#f8eef2, #342f32);
  --mat-sys-inverse-primary: light-dark(#ffabf3, #a900a9);
  --mat-sys-inverse-surface: light-dark(#342f32, #e9e0e4);
  --mat-sys-on-background: light-dark(#1e1a1d, #e9e0e4);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #5b005b);
  --mat-sys-on-primary-container: light-dark(#810081, #ffd7f5);
  --mat-sys-on-primary-fixed: light-dark(#380038, #380038);
  --mat-sys-on-primary-fixed-variant: light-dark(#810081, #810081);
  --mat-sys-on-secondary: light-dark(#ffffff, #3d2b3a);
  --mat-sys-on-secondary-container: light-dark(#554151, #f7daef);
  --mat-sys-on-secondary-fixed: light-dark(#271624, #271624);
  --mat-sys-on-secondary-fixed-variant: light-dark(#554151, #554151);
  --mat-sys-on-surface: light-dark(#1e1a1d, #e9e0e4);
  --mat-sys-on-surface-variant: light-dark(#4e444b, #eedee7);
  --mat-sys-on-tertiary: light-dark(#ffffff, #42008a);
  --mat-sys-on-tertiary-container: light-dark(#5f00c0, #ecdcff);
  --mat-sys-on-tertiary-fixed: light-dark(#270057, #270057);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#5f00c0, #5f00c0);
  --mat-sys-outline: light-dark(#80747c, #9a8d95);
  --mat-sys-outline-variant: light-dark(#d1c2cb, #4e444b);
  --mat-sys-primary: light-dark(#a900a9, #ffabf3);
  --mat-sys-primary-container: light-dark(#ffd7f5, #810081);
  --mat-sys-primary-fixed: light-dark(#ffd7f5, #ffd7f5);
  --mat-sys-primary-fixed-dim: light-dark(#ffabf3, #ffabf3);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#6e5869, #dabfd2);
  --mat-sys-secondary-container: light-dark(#f7daef, #554151);
  --mat-sys-secondary-fixed: light-dark(#f7daef, #f7daef);
  --mat-sys-secondary-fixed-dim: light-dark(#dabfd2, #dabfd2);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#fff7f9, #161215);
  --mat-sys-surface-bright: light-dark(#fff7f9, #3d383b);
  --mat-sys-surface-container: light-dark(#f5ebf0, #231e22);
  --mat-sys-surface-container-high: light-dark(#efe6ea, #2d292c);
  --mat-sys-surface-container-highest: light-dark(#e9e0e4, #383337);
  --mat-sys-surface-container-low: light-dark(#fbf1f5, #1e1a1d);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #110d10);
  --mat-sys-surface-dim: light-dark(#e1d7dc, #161215);
  --mat-sys-surface-tint: light-dark(#a900a9, #ffabf3);
  --mat-sys-surface-variant: light-dark(#eedee7, #4e444b);
  --mat-sys-tertiary: light-dark(#7d00fa, #d5baff);
  --mat-sys-tertiary-container: light-dark(#ecdcff, #5f00c0);
  --mat-sys-tertiary-fixed: light-dark(#ecdcff, #ecdcff);
  --mat-sys-tertiary-fixed-dim: light-dark(#d5baff, #d5baff);
  --mat-sys-neutral-variant20: #372e34;
  --mat-sys-neutral10: #1e1a1d;
  --mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-sys-body-large: 400 1rem / 1.5rem Roboto;
  --mat-sys-body-large-font: Roboto;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;
  --mat-sys-body-medium-font: Roboto;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Roboto;
  --mat-sys-body-small-font: Roboto;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Roboto;
  --mat-sys-display-large-font: Roboto;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;
  --mat-sys-display-medium-font: Roboto;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;
  --mat-sys-display-small-font: Roboto;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Roboto;
  --mat-sys-headline-large-font: Roboto;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;
  --mat-sys-headline-medium-font: Roboto;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Roboto;
  --mat-sys-headline-small-font: Roboto;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-label-large-font: Roboto;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Roboto;
  --mat-sys-label-medium-font: Roboto;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Roboto;
  --mat-sys-label-small-font: Roboto;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;
  --mat-sys-title-large-font: Roboto;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Roboto;
  --mat-sys-title-medium-font: Roboto;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-title-small-font: Roboto;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

body {
  color-scheme: light;
  background-color: var(--mat-sys-surface);
  color: var(--mat-sys-on-surface);
  font: var(--mat-sys-body-medium);
  margin: 0;
}

/* You can add global styles to this file, and also import other style files */
html, body {
  height: 100%;
}

body {
  margin: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

/*# sourceMappingURL=styles.css.map*/