/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/app/engagement/engage-module/css/styles.scss?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Rouge+Script&display=swap);
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/bootstrap/dist/css/bootstrap-grid.min.css?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
/*!
 * Bootstrap Grid v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.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>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}@media (min-width:576px){.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}}@media (min-width:768px){.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}}@media (min-width:992px){.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}}@media (min-width:1200px){.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}}@media (min-width:1400px){.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
/*# sourceMappingURL=bootstrap-grid.min.css.map */
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.carousel.min.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel .owl-item.center{z-index: 5;}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{touch-action:pan-y;-webkit-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.theme.default.min.css?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.core.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}

/*# sourceMappingURL=quill.core.css.map*/
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.bubble.css?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-bubble.ql-toolbar:after,.ql-bubble .ql-toolbar:after{clear:both;content:'';display:table}.ql-bubble.ql-toolbar button,.ql-bubble .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-bubble.ql-toolbar button svg,.ql-bubble .ql-toolbar button svg{float:left;height:100%}.ql-bubble.ql-toolbar button:active:hover,.ql-bubble .ql-toolbar button:active:hover{outline:none}.ql-bubble.ql-toolbar input.ql-image[type=file],.ql-bubble .ql-toolbar input.ql-image[type=file]{display:none}.ql-bubble.ql-toolbar button:hover,.ql-bubble .ql-toolbar button:hover,.ql-bubble.ql-toolbar button:focus,.ql-bubble .ql-toolbar button:focus,.ql-bubble.ql-toolbar button.ql-active,.ql-bubble .ql-toolbar button.ql-active,.ql-bubble.ql-toolbar .ql-picker-label:hover,.ql-bubble .ql-toolbar .ql-picker-label:hover,.ql-bubble.ql-toolbar .ql-picker-label.ql-active,.ql-bubble .ql-toolbar .ql-picker-label.ql-active,.ql-bubble.ql-toolbar .ql-picker-item:hover,.ql-bubble .ql-toolbar .ql-picker-item:hover,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected{color:#fff}.ql-bubble.ql-toolbar button:hover .ql-fill,.ql-bubble .ql-toolbar button:hover .ql-fill,.ql-bubble.ql-toolbar button:focus .ql-fill,.ql-bubble .ql-toolbar button:focus .ql-fill,.ql-bubble.ql-toolbar button.ql-active .ql-fill,.ql-bubble .ql-toolbar button.ql-active .ql-fill,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#fff}.ql-bubble.ql-toolbar button:hover .ql-stroke,.ql-bubble .ql-toolbar button:hover .ql-stroke,.ql-bubble.ql-toolbar button:focus .ql-stroke,.ql-bubble .ql-toolbar button:focus .ql-stroke,.ql-bubble.ql-toolbar button.ql-active .ql-stroke,.ql-bubble .ql-toolbar button.ql-active .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#fff}@media (pointer:coarse){.ql-bubble.ql-toolbar button:hover:not(.ql-active),.ql-bubble .ql-toolbar button:hover:not(.ql-active){color:#ccc}.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#ccc}.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#ccc}}.ql-bubble{box-sizing:border-box}.ql-bubble *{box-sizing:border-box}.ql-bubble .ql-hidden{display:none}.ql-bubble .ql-out-bottom,.ql-bubble .ql-out-top{visibility:hidden}.ql-bubble .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-bubble .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-bubble .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-bubble .ql-formats{display:inline-block;vertical-align:middle}.ql-bubble .ql-formats:after{clear:both;content:'';display:table}.ql-bubble .ql-stroke{fill:none;stroke:#ccc;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-bubble .ql-stroke-miter{fill:none;stroke:#ccc;stroke-miterlimit:10;stroke-width:2}.ql-bubble .ql-fill,.ql-bubble .ql-stroke.ql-fill{fill:#ccc}.ql-bubble .ql-empty{fill:none}.ql-bubble .ql-even{fill-rule:evenodd}.ql-bubble .ql-thin,.ql-bubble .ql-stroke.ql-thin{stroke-width:1}.ql-bubble .ql-transparent{opacity:.4}.ql-bubble .ql-direction svg:last-child{display:none}.ql-bubble .ql-direction.ql-active svg:last-child{display:inline}.ql-bubble .ql-direction.ql-active svg:first-child{display:none}.ql-bubble .ql-editor h1{font-size:2em}.ql-bubble .ql-editor h2{font-size:1.5em}.ql-bubble .ql-editor h3{font-size:1.17em}.ql-bubble .ql-editor h4{font-size:1em}.ql-bubble .ql-editor h5{font-size:.83em}.ql-bubble .ql-editor h6{font-size:.67em}.ql-bubble .ql-editor a{text-decoration:underline}.ql-bubble .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-bubble .ql-editor code,.ql-bubble .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-bubble .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-bubble .ql-editor code{font-size:85%;padding:2px 4px}.ql-bubble .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-bubble .ql-editor img{max-width:100%}.ql-bubble .ql-picker{color:#ccc;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-bubble .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-bubble .ql-picker-label::before{display:inline-block;line-height:22px}.ql-bubble .ql-picker-options{background-color:#444;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-bubble .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-bubble .ql-picker.ql-expanded .ql-picker-label{color:#777;z-index:2}.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#777}.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#777}.ql-bubble .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-bubble .ql-color-picker,.ql-bubble .ql-icon-picker{width:28px}.ql-bubble .ql-color-picker .ql-picker-label,.ql-bubble .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-bubble .ql-color-picker .ql-picker-label svg,.ql-bubble .ql-icon-picker .ql-picker-label svg{right:4px}.ql-bubble .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-bubble .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-bubble .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-bubble .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-bubble .ql-picker.ql-header{width:98px}.ql-bubble .ql-picker.ql-header .ql-picker-label::before,.ql-bubble .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-bubble .ql-picker.ql-font{width:108px}.ql-bubble .ql-picker.ql-font .ql-picker-label::before,.ql-bubble .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-bubble .ql-picker.ql-size{width:98px}.ql-bubble .ql-picker.ql-size .ql-picker-label::before,.ql-bubble .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-bubble .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-bubble .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-bubble .ql-toolbar .ql-formats{margin:8px 12px 8px 0}.ql-bubble .ql-toolbar .ql-formats:first-child{margin-left:12px}.ql-bubble .ql-color-picker svg{margin:1px}.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,.ql-bubble .ql-color-picker .ql-picker-item:hover{border-color:#fff}.ql-bubble .ql-tooltip{background-color:#444;border-radius:25px;color:#fff}.ql-bubble .ql-tooltip-arrow{border-left:6px solid transparent;border-right:6px solid transparent;content:" ";display:block;left:50%;margin-left:-6px;position:absolute}.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow{border-bottom:6px solid #444;top:-6px}.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow{border-top:6px solid #444;bottom:-6px}.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor{display:block}.ql-bubble .ql-tooltip.ql-editing .ql-formats{visibility:hidden}.ql-bubble .ql-tooltip-editor{display:none}.ql-bubble .ql-tooltip-editor input[type=text]{background:transparent;border:none;color:#fff;font-size:13px;height:100%;outline:none;padding:10px 20px;position:absolute;width:100%}.ql-bubble .ql-tooltip-editor a{top:10px;position:absolute;right:20px}.ql-bubble .ql-tooltip-editor a:before{color:#ccc;content:"\00D7";font-size:16px;font-weight:bold}.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close){position:relative;white-space:nowrap}.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::before{background-color:#444;border-radius:15px;top:-5px;font-size:12px;color:#fff;content:attr(href);font-weight:normal;overflow:hidden;padding:5px 15px;text-decoration:none;z-index:1}.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::after{border-top:6px solid #444;border-left:6px solid transparent;border-right:6px solid transparent;top:0;content:" ";height:0;width:0}.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::before,.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::after{left:0;margin-left:50%;position:absolute;transform:translate(-50%,-100%);transition:visibility 0s ease 200ms;visibility:hidden}.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):hover::before,.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):hover::after{visibility:visible}

/*# sourceMappingURL=quill.bubble.css.map*/
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.snow.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}

/*# sourceMappingURL=quill.snow.css.map*/
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/quill-emoji/dist/quill-emoji.css?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
#quill-editor{position:relative}.mention{color:#0366d6}.completions{background:#fff;border-radius:2px;box-shadow:2px 2px 2px rgba(0,0,0,.25);list-style:none}.completions,.completions>li{margin:0;padding:0}.completions>li>button{background:none;border:none;box-sizing:border-box;display:block;height:2em;margin:0;padding:.25em .5em;text-align:left;width:100%}.completions>li>button:hover{background:#ddd}.completions>li>button:focus{background:#ddd;outline:none}.completions>li>button>.matched{color:#000;font-weight:700}.completions>li>button>*{vertical-align:middle}.emoji_completions{background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,.12);list-style:none;margin:0;padding:6px}.emoji_completions li{display:inline-block;margin:2px 0;padding:0}.emoji_completions li:not(:last-of-type){margin-right:3px}.emoji_completions>li>button{background:#efefef;border:none;border-radius:3px;box-sizing:border-box;display:block;margin:0;padding:3px 2px 6px;text-align:left;width:100%}.emoji_completions>li>button:hover{background:#2d9ee0;color:#fff}.emoji_completions>li>button:focus{background:#2d9ee0;color:#fff;outline:none}.emoji_completions>li>button.emoji-active{background:red;background:#2d9ee0;color:#fff;outline:none}.emoji_completions>li>button>.matched{font-weight:700}.emoji_completions>li>button>*,.ico{vertical-align:middle}.ico{font-size:18px;line-height:0;margin-right:5px}#emoji-palette{border:1px solid rgba(0,0,0,.15);border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,.12);max-width:250px;position:absolute;z-index:999}.bem{cursor:pointer;display:inline-block;font-size:24px;margin:2px;text-align:center;width:34px}#tab-filters{margin:20px auto 0;width:210px}.emoji-tab{cursor:pointer;display:inline-table;height:100%;min-height:30px;text-align:center;width:30px}#tab-toolbar{background-color:#f7f7f7;border-bottom:1px solid rgba(0,0,0,.15);padding:4px 4px 0}#tab-toolbar ul{margin:0;padding:0}#tab-toolbar .active{border-bottom:3px solid #2ab27b}#tab-panel{background:#fff;display:flex;flex-wrap:wrap;justify-content:center;max-height:220px;overflow-y:scroll;padding:2px}#quill-editor x-contain,contain{background:#fb8;display:block}#quill-editor table{border-collapse:collapse;width:100%}#quill-editor table td{border:1px solid #000;height:25px;padding:5px}.ql-picker.ql-table .ql-picker-label:before,button.ql-table:after{content:"TABLE"}button.ql-contain:after{content:"WRAP"}button.ql-table[value=append-row]:after{content:"ROWS+"}button.ql-table[value=append-col]:after{content:"COLS+"}.ql-contain,.ql-table{margin-right:-15px;width:auto!important}#emoji-close-div{height:100%;left:0;position:fixed;top:0;width:100%}.textarea-emoji-control{height:25px;right:4px;top:10px;width:25px}#textarea-emoji{border:1px solid #66afe9;border:1px solid rgba(0,0,0,.15);border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,.12);max-width:250px;position:absolute;right:0;z-index:999}.ql-editor{padding-right:26px}.i-activity{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70"><g transform="translate(7.500000, 7.500000)"><path stroke="%236F6D70" d="M18.02 1.36c5.92 3.02 8.28 10.26 5.26 16.18-2.12 4.17-6.35 6.57-10.73 6.57-1.83 0-3.7-.4-5.45-1.3-5.9-3-8.27-10.22-5.25-16.2C3.97 2.5 8.2.1 12.57.1c1.84 0 3.7.42 5.45 1.3zm4.7 11.44c.1-1.3-.06-2.6-.47-3.87-.13-.38-.27-.75-.43-1.1l-3.42-1.6-1.57-3.4c-.62-.3-1.27-.5-1.92-.68-.7-.18-1.5-.27-2.3-.27-.4 0-.8.02-1.2.06L8.9 4.74l-3.74.43c-.63.68-1.16 1.45-1.6 2.28-.42.84-.72 1.72-.9 2.63l1.84 3.3-.74 3.68c.3.56.66 1.08 1.1 1.58.76.94 1.7 1.7 2.8 2.32l3.7-.74 3.26 1.84c1.13-.23 2.23-.65 3.24-1.26.6-.35 1.2-.77 1.7-1.24l.44-3.74 2.78-2.55.05-.47z" stroke-linecap="round" stroke-linejoin="round"/><polygon points="10.6158689 8.50666885 8.42649168 12.8046921 11.836847 16.2129328 16.1342124 14.0235556 15.3793892 9.26144504"/></g></g></g></svg>')}.i-activity,.i-flags{content:"";height:25px;margin:auto;width:25px}.i-flags{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70" fill-rule="nonzero"><g transform="translate(9.500000, 8.000000)"><path d="M.5 3.13V23.5c0 .83.68 1.5 1.5 1.5.84 0 1.5-.67 1.5-1.5V3.14c0-.83-.66-1.5-1.5-1.5-.82 0-1.5.67-1.5 1.5z"/><path d="M3.5 11.54c.7-.16 1.44-.22 2.25-.17 1.38.07 2.48.3 5.23 1.04l.55.2c3.02.8 4.77 1 5.96.67v-7.9c-1.7.33-3.8-.07-7.1-1-3.9-1.1-5.7-1.3-6.9-.5v7.7zm7.68-10.1c4.1 1.15 5.7 1.3 6.98.44 1-.66 2.33.05 2.33 1.25v11c0 .5-.3 1-.7 1.26-2.2 1.4-4.6 1.2-9.1 0l-.56-.16c-4.54-1.2-6.15-1.3-7.05-.2-.9 1.06-2.65.42-2.65-.98v-11c0-.4.2-.8.5-1.1C3.4-.24 5.75-.1 11.2 1.4z"/></g></g></g></svg>')}.i-food{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70"><path fill-rule="nonzero" d="M9.57 28.2c0 .28.22.5.5.5h19.2c.27 0 .5-.22.5-.5v-4.4H9.57v4.4zm23.2-3.06v3.07c0 1.95-1.57 3.5-3.5 3.5h-19.2c-1.93 0-3.5-1.55-3.5-3.5V25c.46.15.96.24 1.47.24h23.78c.33 0 .64-.04.94-.1z"/><path fill-rule="nonzero" d="M6.57 18.2v-3.45c0-3.56 2.9-6.45 6.45-6.45h13.3c3.55 0 6.44 2.9 6.44 6.45v3.45H6.56zm3-1.83h3.6l.4.86c.23.5.73.83 1.3.83.56 0 1.06-.33 1.3-.83l.4-.86h13.2v-1.62c0-1.9-1.56-3.45-3.45-3.45h-13.3c-1.9 0-3.45 1.55-3.45 3.45v1.62z"/><path fill-rule="nonzero" d="M13.23 16.37l.4.86c.24.5.74.83 1.3.83.57 0 1.07-.33 1.3-.83l.4-.86H31.9c2.44 0 4.43 1.98 4.43 4.43 0 2.45-1.98 4.44-4.44 4.44H8.1c-2.44 0-4.43-2-4.43-4.44 0-2.45 1.98-4.43 4.44-4.43h5.14zm-5.12 3c-.8 0-1.42.64-1.42 1.43 0 .8.64 1.44 1.44 1.44h23.8c.8 0 1.43-.64 1.43-1.44 0-.8-.64-1.43-1.44-1.43H18.4c-.83 1.04-2.1 1.7-3.5 1.7-1.37 0-2.65-.66-3.47-1.7H8.1z"/><circle cx="14.6682646" cy="13.75" r="1"/><circle cx="24.6682646" cy="13.75" r="1"/><circle cx="19.6682646" cy="13.75" r="1"/></g></g></svg>')}.i-food,.i-nature{content:"";height:25px;margin:auto;width:25px}.i-nature{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70" fill-rule="nonzero"><path d="M15.96 18.26L30.86 32c.5.46 1.3.43 1.77-.08.46-.5.43-1.3-.08-1.76l-14.9-13.74c-.5-.46-1.3-.43-1.76.08-.5.5-.5 1.3 0 1.76z"/><path d="M18.17 21.28c-.7-.06-1.3.45-1.35 1.14-.06.7.45 1.3 1.13 1.35l4.96.43c.9.07 1.5-.66 1.4-1.47l-1-5.6c-.1-.7-.74-1.14-1.42-1.02-.67.2-1.12.8-1 1.5l.7 4-3.32-.3z"/><path d="M28.48 28.95c-.38.17-1 .4-1.85.64-2.92.7-6 .9-8.95-.2-5.98-2.17-9.8-8.5-10.54-19.9l-.1-1.4 1.38-.2c14.45-2.08 23.4 7.4 21.33 19.85l-1.9-.3.63 1.43zM10.24 10.77C11.12 20.14 14.2 25 18.7 26.6c2.27.83 4.76.74 7.14.1.4-.12.76-.23 1.07-.35 1.2-9.6-5.4-16.57-16.6-15.58z"/></g></g></svg>')}.i-objects{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70" fill-rule="nonzero"><path d="M11.04 16.7c0-4.85 4.02-8.76 8.96-8.76 4.94 0 8.96 3.9 8.96 8.76 0 2.54-1.12 4.9-3 6.54v1.87c0 1.28-1.02 2.27-2.26 2.27h-7.37c-1.23 0-2.25-1-2.25-2.22V23.3c-1.9-1.65-3.04-4-3.04-6.58zm11.9 5.82c0-.48.24-.93.63-1.22 1.5-1.08 2.4-2.77 2.4-4.6 0-3.17-2.67-5.76-5.97-5.76s-5.96 2.6-5.96 5.76c0 1.84.9 3.54 2.42 4.62.4.28.62.74.62 1.22v1.8h5.87V22.5z"/><path d="M21.76 28.78c-.22.05-.42.1-.62.13-.5.1-.9.2-1.1.2-.24 0-.62-.04-1.08-.12l-.74-.15-.08-.02v-2.93c0-.83-.68-1.5-1.5-1.5-.83 0-1.5.67-1.5 1.5v4.1c0 .68.44 1.27 1.1 1.45l.38.1.94.23c.3.1.6.15.87.2.62.1 1.16.17 1.6.17.47 0 1.03-.1 1.7-.2l.7-.17.95-.22c.18-.03.32-.1.4-.1.64-.2 1.08-.76 1.08-1.43v-4.1c0-.83-.67-1.5-1.5-1.5-.82 0-1.5.67-1.5 1.5v2.9c-.03 0-.07 0-.1.02z"/></g></g></svg>')}.i-objects,.i-people{content:"";height:25px;margin:auto;width:25px}.i-people{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70"><path fill-rule="nonzero" d="M20 34c-7.73 0-14-6.27-14-14S12.27 6 20 6s14 6.27 14 14-6.27 14-14 14zm0-3c6.08 0 11-4.92 11-11S26.08 9 20 9 9 13.92 9 20s4.92 11 11 11z"/><circle cx="15.3474348" cy="16.7705459" r="2.34743481"/><circle cx="24.4703784" cy="16.7705459" r="2.34743481"/><path d="M20 27.9c2.7 0 4.88-2.18 4.88-4.88 0-2.7-9.76-2.7-9.76 0S17.3 27.9 20 27.9z"/></g></g></svg>')}.i-symbols{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70" fill-rule="nonzero"><path d="M15.37 7.95c-4.48 0-8.06 3.9-8.06 8.64 0 3.5 2.2 6.9 5.8 10.3 1.2 1.1 2.5 2.2 3.9 3.1.84.6 1.5 1 1.98 1.3l.27.15.8.5 1.1-.6c.5-.27 1.18-.7 2-1.25 1.34-.9 2.66-1.9 3.9-3 3.57-3.28 5.75-6.8 5.75-10.6 0-4.74-3.6-8.65-8.1-8.65v3.3c2.6 0 4.76 2.4 4.76 5.35 0 2.65-1.72 5.43-4.7 8.13-1.1 1-2.27 1.9-3.5 2.7-.43.3-.83.54-1.17.74-.35-.2-.76-.5-1.2-.83-1.24-.87-2.4-1.83-3.54-2.87-2.95-2.76-4.7-5.5-4.7-7.9 0-2.98 2.2-5.35 4.78-5.35 1.3 0 2.5.6 3.4 1.6L20 14.3l1.25-1.43c.9-1.03 2.1-1.6 3.38-1.6v-3.3c-1.68 0-3.3.56-4.63 1.57-1.34-1-2.95-1.57-4.63-1.57z"/></g></g></svg>')}.i-symbols,.i-travel{content:"";height:25px;margin:auto;width:25px}.i-travel{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25px" height="25px" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><g fill="%236F6D70" fill-rule="nonzero"><path d="M25.46 11.2s-2.67 2.58-3.94 3.95l-10.6-2.13c-.12-.02-.25.04-.3.15l-.8 1.6c-.07.13 0 .3.12.37l7.75 3.88L13.4 24c-.5-.16-1.1-.33-1.66-.3-.3 0-.6.06-.85.25-.3.2-.4.5-.4.9s.1.74.3.98l3.2 3.23c.3.23.7.34 1 .34.4 0 .7-.13.9-.37.2-.23.24-.53.25-.84 0-.6-.15-1.2-.3-1.7l4.97-4.3 3.9 7.76c.06.13.23.2.36.12l1.6-.8c.13-.07.2-.2.17-.3l-2.12-10.6c1.4-1.28 3.95-3.95 3.96-3.96.86-.88 1.4-1.93 1.4-2.87 0-.5-.17-1-.5-1.33-.37-.36-.87-.5-1.38-.5-.95 0-2 .52-2.88 1.4zm2.87-4.4c1.28 0 2.54.44 3.5 1.4.93.93 1.38 2.2 1.38 3.47 0 1.8-.8 3.54-2.2 4.94-.4.5-1.7 1.8-2.8 2.9l1.8 9c.3 1.5-.4 2.9-1.7 3.6l-1.62.8c-1.62.8-3.6.1-4.36-1.4L20 27.1l-.7.6v.62c-.03.92-.28 1.8-.92 2.6-.8 1-1.98 1.5-3.22 1.5-1.03 0-2.12-.37-2.96-1.1l-.16-.14-3.22-3.22-.1-.12c-.75-.83-1.12-1.9-1.12-3 0-1.24.5-2.43 1.48-3.22.8-.6 1.68-.9 2.62-.9h.62l.6-.7-4.27-2.1c-1.65-.8-2.33-2.8-1.52-4.4l.8-1.64c.67-1.3 2.14-2.02 3.57-1.73l9 1.8 1.36-1.33 1.5-1.48c1.42-1.4 3.17-2.27 4.97-2.27z"/></g></g></svg>')}.button-emoji{margin-bottom:-5px}.ql-emojiblot{display:inline-block;vertical-align:text-top}.ap{background-image:url(1e7b63404cd2fb8e6525b2fd4ee4d286.png);background-repeat:no-repeat;background-size:820px;box-sizing:border-box;display:inline-flex;font-size:20px;height:20px;line-height:1;margin-top:-3px;overflow:hidden;text-indent:-999px;width:20px}.ap-copyright{background-position:0 0}.ap-registered{background-position:0 -20px}.ap-bangbang{background-position:0 -40px}.ap-interrobang{background-position:0 -60px}.ap-tm{background-position:0 -80px}.ap-information_source{background-position:0 -100px}.ap-left_right_arrow{background-position:0 -120px}.ap-arrow_up_down{background-position:0 -140px}.ap-arrow_upper_left{background-position:0 -160px}.ap-arrow_upper_right{background-position:0 -180px}.ap-arrow_lower_right{background-position:0 -200px}.ap-arrow_lower_left{background-position:0 -220px}.ap-leftwards_arrow_with_hook{background-position:0 -240px}.ap-arrow_right_hook{background-position:0 -260px}.ap-watch{background-position:0 -280px}.ap-hourglass{background-position:0 -300px}.ap-keyboard{background-position:0 -320px}.ap-fast_forward{background-position:0 -360px}.ap-rewind{background-position:0 -380px}.ap-arrow_double_up{background-position:0 -400px}.ap-arrow_double_down{background-position:0 -420px}.ap-black_right_pointing_double_triangle_with_vertical_bar{background-position:0 -440px}.ap-black_left_pointing_double_triangle_with_vertical_bar{background-position:0 -460px}.ap-black_right_pointing_triangle_with_double_vertical_bar{background-position:0 -480px}.ap-alarm_clock{background-position:0 -500px}.ap-stopwatch{background-position:0 -520px}.ap-timer_clock{background-position:0 -540px}.ap-hourglass_flowing_sand{background-position:0 -560px}.ap-double_vertical_bar{background-position:0 -580px}.ap-black_square_for_stop{background-position:0 -600px}.ap-black_circle_for_record{background-position:0 -620px}.ap-m{background-position:0 -640px}.ap-black_small_square{background-position:0 -660px}.ap-white_small_square{background-position:0 -680px}.ap-arrow_forward{background-position:0 -700px}.ap-arrow_backward{background-position:0 -720px}.ap-white_medium_square{background-position:0 -740px}.ap-black_medium_square{background-position:0 -760px}.ap-white_medium_small_square{background-position:0 -780px}.ap-black_medium_small_square{background-position:0 -800px}.ap-sunny{background-position:-20px 0}.ap-cloud{background-position:-20px -20px}.ap-umbrella{background-position:-20px -40px}.ap-snowman{background-position:-20px -60px}.ap-comet{background-position:-20px -80px}.ap-phone,.ap-telephone{background-position:-20px -100px}.ap-ballot_box_with_check{background-position:-20px -120px}.ap-umbrella_with_rain_drops{background-position:-20px -140px}.ap-coffee{background-position:-20px -160px}.ap-shamrock{background-position:-20px -180px}.ap-point_up{background-position:-20px -200px}.ap-skull_and_crossbones{background-position:-20px -320px}.ap-radioactive_sign{background-position:-20px -340px}.ap-biohazard_sign{background-position:-20px -360px}.ap-orthodox_cross{background-position:-20px -380px}.ap-star_and_crescent{background-position:-20px -400px}.ap-peace_symbol{background-position:-20px -420px}.ap-yin_yang{background-position:-20px -440px}.ap-wheel_of_dharma{background-position:-20px -460px}.ap-white_frowning_face{background-position:-20px -480px}.ap-relaxed{background-position:-20px -500px}.ap-aries{background-position:-20px -520px}.ap-taurus{background-position:-20px -540px}.ap-gemini{background-position:-20px -560px}.ap-cancer{background-position:-20px -580px}.ap-leo{background-position:-20px -600px}.ap-virgo{background-position:-20px -620px}.ap-libra{background-position:-20px -640px}.ap-scorpius{background-position:-20px -660px}.ap-sagittarius{background-position:-20px -680px}.ap-capricorn{background-position:-20px -700px}.ap-aquarius{background-position:-20px -720px}.ap-pisces{background-position:-20px -740px}.ap-spades{background-position:-20px -760px}.ap-clubs{background-position:-20px -780px}.ap-hearts{background-position:-20px -800px}.ap-diamonds{background-position:-40px 0}.ap-hotsprings{background-position:-40px -20px}.ap-recycle{background-position:-40px -40px}.ap-wheelchair{background-position:-40px -60px}.ap-hammer_and_pick{background-position:-40px -80px}.ap-anchor{background-position:-40px -100px}.ap-crossed_swords{background-position:-40px -120px}.ap-scales{background-position:-40px -140px}.ap-alembic{background-position:-40px -160px}.ap-gear{background-position:-40px -180px}.ap-atom_symbol{background-position:-40px -200px}.ap-fleur_de_lis{background-position:-40px -220px}.ap-warning{background-position:-40px -240px}.ap-zap{background-position:-40px -260px}.ap-white_circle{background-position:-40px -280px}.ap-black_circle{background-position:-40px -300px}.ap-coffin{background-position:-40px -320px}.ap-funeral_urn{background-position:-40px -340px}.ap-soccer{background-position:-40px -360px}.ap-baseball{background-position:-40px -380px}.ap-snowman_without_snow{background-position:-40px -400px}.ap-partly_sunny{background-position:-40px -420px}.ap-thunder_cloud_and_rain{background-position:-40px -440px}.ap-ophiuchus{background-position:-40px -460px}.ap-pick{background-position:-40px -480px}.ap-helmet_with_white_cross{background-position:-40px -500px}.ap-chains{background-position:-40px -520px}.ap-no_entry{background-position:-40px -540px}.ap-shinto_shrine{background-position:-40px -560px}.ap-church{background-position:-40px -580px}.ap-mountain{background-position:-40px -600px}.ap-beach_umbrella,.ap-umbrella_on_ground{background-position:-40px -620px}.ap-fountain{background-position:-40px -640px}.ap-golf{background-position:-40px -660px}.ap-ferry{background-position:-40px -680px}.ap-boat{background-position:-40px -700px}.ap-skier{background-position:-40px -720px}.ap-ice_skate{background-position:-40px -740px}.ap-person_with_ball{background-position:-40px -760px}.ap-tent{background-position:-60px -60px}.ap-fuelpump{background-position:-60px -80px}.ap-scissors{background-position:-60px -100px}.ap-white_check_mark{background-position:-60px -120px}.ap-airplane{background-position:-60px -140px}.ap-email{background-position:-60px -160px}.ap-fist{background-position:-60px -180px}.ap-hand{background-position:-60px -300px}.ap-v{background-position:-60px -420px}.ap-writing_hand{background-position:-60px -540px}.ap-pencil2{background-position:-60px -660px}.ap-black_nib{background-position:-60px -680px}.ap-heavy_check_mark{background-position:-60px -700px}.ap-heavy_multiplication_x{background-position:-60px -720px}.ap-latin_cross{background-position:-60px -740px}.ap-star_of_david{background-position:-60px -760px}.ap-sparkles{background-position:-60px -780px}.ap-eight_spoked_asterisk{background-position:-60px -800px}.ap-eight_pointed_black_star{background-position:-80px 0}.ap-snowflake{background-position:-80px -20px}.ap-sparkle{background-position:-80px -40px}.ap-x{background-position:-80px -60px}.ap-negative_squared_cross_mark{background-position:-80px -80px}.ap-question{background-position:-80px -100px}.ap-grey_question{background-position:-80px -120px}.ap-grey_exclamation{background-position:-80px -140px}.ap-exclamation{background-position:-80px -160px}.ap-heavy_heart_exclamation_mark_ornament{background-position:-80px -180px}.ap-heart{background-position:-80px -200px}.ap-heavy_plus_sign{background-position:-80px -220px}.ap-heavy_minus_sign{background-position:-80px -240px}.ap-heavy_division_sign{background-position:-80px -260px}.ap-arrow_right{background-position:-80px -280px}.ap-curly_loop{background-position:-80px -300px}.ap-loop{background-position:-80px -320px}.ap-arrow_heading_up{background-position:-80px -340px}.ap-arrow_heading_down{background-position:-80px -360px}.ap-arrow_left{background-position:-80px -380px}.ap-arrow_up{background-position:-80px -400px}.ap-arrow_down{background-position:-80px -420px}.ap-black_large_square{background-position:-80px -440px}.ap-white_large_square{background-position:-80px -460px}.ap-star{background-position:-80px -480px}.ap-o{background-position:-80px -500px}.ap-wavy_dash{background-position:-80px -520px}.ap-part_alternation_mark{background-position:-80px -540px}.ap-congratulations{background-position:-80px -560px}.ap-secret{background-position:-80px -580px}.ap-mahjong{background-position:-80px -600px}.ap-black_joker{background-position:-80px -620px}.ap-a{background-position:-80px -640px}.ap-b{background-position:-80px -660px}.ap-o2{background-position:-80px -680px}.ap-parking{background-position:-80px -700px}.ap-ab{background-position:-80px -720px}.ap-cl{background-position:-80px -740px}.ap-cool{background-position:-80px -760px}.ap-free{background-position:-80px -780px}.ap-id{background-position:-80px -800px}.ap-new{background-position:-100px 0}.ap-ng{background-position:-100px -20px}.ap-ok{background-position:-100px -40px}.ap-sos{background-position:-100px -60px}.ap-up{background-position:-100px -80px}.ap-vs{background-position:-100px -100px}.ap-koko{background-position:-100px -120px}.ap-sa{background-position:-100px -140px}.ap-u7121{background-position:-100px -160px}.ap-u6307{background-position:-100px -180px}.ap-u7981{background-position:-100px -200px}.ap-u7a7a{background-position:-100px -220px}.ap-u5408{background-position:-100px -240px}.ap-u6e80{background-position:-100px -260px}.ap-u6709{background-position:-100px -280px}.ap-u6708{background-position:-100px -300px}.ap-u7533{background-position:-100px -320px}.ap-u5272{background-position:-100px -340px}.ap-u55b6{background-position:-100px -360px}.ap-ideograph_advantage{background-position:-100px -380px}.ap-accept{background-position:-100px -400px}.ap-cyclone{background-position:-100px -420px}.ap-foggy{background-position:-100px -440px}.ap-closed_umbrella{background-position:-100px -460px}.ap-night_with_stars{background-position:-100px -480px}.ap-sunrise_over_mountains{background-position:-100px -500px}.ap-sunrise{background-position:-100px -520px}.ap-city_sunset{background-position:-100px -540px}.ap-city_sunrise{background-position:-100px -560px}.ap-rainbow{background-position:-100px -580px}.ap-bridge_at_night{background-position:-100px -600px}.ap-ocean{background-position:-100px -620px}.ap-volcano{background-position:-100px -640px}.ap-milky_way{background-position:-100px -660px}.ap-earth_africa{background-position:-100px -680px}.ap-earth_americas{background-position:-100px -700px}.ap-earth_asia{background-position:-100px -720px}.ap-globe_with_meridians{background-position:-100px -740px}.ap-new_moon{background-position:-100px -760px}.ap-waxing_crescent_moon{background-position:-100px -780px}.ap-first_quarter_moon{background-position:-100px -800px}.ap-moon{background-position:-120px 0}.ap-full_moon{background-position:-120px -20px}.ap-waning_gibbous_moon{background-position:-120px -40px}.ap-last_quarter_moon{background-position:-120px -60px}.ap-waning_crescent_moon{background-position:-120px -80px}.ap-crescent_moon{background-position:-120px -100px}.ap-new_moon_with_face{background-position:-120px -120px}.ap-first_quarter_moon_with_face{background-position:-120px -140px}.ap-last_quarter_moon_with_face{background-position:-120px -160px}.ap-full_moon_with_face{background-position:-120px -180px}.ap-sun_with_face{background-position:-120px -200px}.ap-star2{background-position:-120px -220px}.ap-stars{background-position:-120px -240px}.ap-thermometer{background-position:-120px -260px}.ap-mostly_sunny{background-position:-120px -280px}.ap-barely_sunny{background-position:-120px -300px}.ap-partly_sunny_rain{background-position:-120px -320px}.ap-rain_cloud{background-position:-120px -340px}.ap-snow_cloud{background-position:-120px -360px}.ap-lightning{background-position:-120px -380px}.ap-tornado{background-position:-120px -400px}.ap-fog{background-position:-120px -420px}.ap-wind_blowing_face{background-position:-120px -440px}.ap-hotdog{background-position:-120px -460px}.ap-taco{background-position:-120px -480px}.ap-burrito{background-position:-120px -500px}.ap-chestnut{background-position:-120px -520px}.ap-seedling{background-position:-120px -540px}.ap-evergreen_tree{background-position:-120px -560px}.ap-deciduous_tree{background-position:-120px -580px}.ap-palm_tree{background-position:-120px -600px}.ap-cactus{background-position:-120px -620px}.ap-hot_pepper{background-position:-120px -640px}.ap-tulip{background-position:-120px -660px}.ap-cherry_blossom{background-position:-120px -680px}.ap-rose{background-position:-120px -700px}.ap-hibiscus{background-position:-120px -720px}.ap-sunflower{background-position:-120px -740px}.ap-blossom{background-position:-120px -760px}.ap-corn{background-position:-120px -780px}.ap-ear_of_rice{background-position:-120px -800px}.ap-herb{background-position:-140px 0}.ap-four_leaf_clover{background-position:-140px -20px}.ap-maple_leaf{background-position:-140px -40px}.ap-fallen_leaf{background-position:-140px -60px}.ap-leaves{background-position:-140px -80px}.ap-mushroom{background-position:-140px -100px}.ap-tomato{background-position:-140px -120px}.ap-eggplant{background-position:-140px -140px}.ap-grapes{background-position:-140px -160px}.ap-melon{background-position:-140px -180px}.ap-watermelon{background-position:-140px -200px}.ap-tangerine{background-position:-140px -220px}.ap-lemon{background-position:-140px -240px}.ap-banana{background-position:-140px -260px}.ap-pineapple{background-position:-140px -280px}.ap-apple{background-position:-140px -300px}.ap-green_apple{background-position:-140px -320px}.ap-pear{background-position:-140px -340px}.ap-peach{background-position:-140px -360px}.ap-cherries{background-position:-140px -380px}.ap-strawberry{background-position:-140px -400px}.ap-hamburger{background-position:-140px -420px}.ap-pizza{background-position:-140px -440px}.ap-meat_on_bone{background-position:-140px -460px}.ap-poultry_leg{background-position:-140px -480px}.ap-rice_cracker{background-position:-140px -500px}.ap-rice_ball{background-position:-140px -520px}.ap-rice{background-position:-140px -540px}.ap-curry{background-position:-140px -560px}.ap-ramen{background-position:-140px -580px}.ap-spaghetti{background-position:-140px -600px}.ap-bread{background-position:-140px -620px}.ap-fries{background-position:-140px -640px}.ap-sweet_potato{background-position:-140px -660px}.ap-dango{background-position:-140px -680px}.ap-oden{background-position:-140px -700px}.ap-sushi{background-position:-140px -720px}.ap-fried_shrimp{background-position:-140px -740px}.ap-fish_cake{background-position:-140px -760px}.ap-icecream{background-position:-140px -780px}.ap-shaved_ice{background-position:-140px -800px}.ap-ice_cream{background-position:-160px 0}.ap-doughnut{background-position:-160px -20px}.ap-cookie{background-position:-160px -40px}.ap-chocolate_bar{background-position:-160px -60px}.ap-candy{background-position:-160px -80px}.ap-lollipop{background-position:-160px -100px}.ap-custard{background-position:-160px -120px}.ap-honey_pot{background-position:-160px -140px}.ap-cake{background-position:-160px -160px}.ap-bento{background-position:-160px -180px}.ap-stew{background-position:-160px -200px}.ap-egg{background-position:-160px -220px}.ap-fork_and_knife{background-position:-160px -240px}.ap-tea{background-position:-160px -260px}.ap-sake{background-position:-160px -280px}.ap-wine_glass{background-position:-160px -300px}.ap-cocktail{background-position:-160px -320px}.ap-tropical_drink{background-position:-160px -340px}.ap-beer{background-position:-160px -360px}.ap-beers{background-position:-160px -380px}.ap-baby_bottle{background-position:-160px -400px}.ap-knife_fork_plate{background-position:-160px -420px}.ap-champagne{background-position:-160px -440px}.ap-popcorn{background-position:-160px -460px}.ap-ribbon{background-position:-160px -480px}.ap-gift{background-position:-160px -500px}.ap-birthday{background-position:-160px -520px}.ap-jack_o_lantern{background-position:-160px -540px}.ap-christmas_tree{background-position:-160px -560px}.ap-santa{background-position:-160px -580px}.ap-fireworks{background-position:-160px -700px}.ap-sparkler{background-position:-160px -720px}.ap-balloon{background-position:-160px -740px}.ap-tada{background-position:-160px -760px}.ap-confetti_ball{background-position:-160px -780px}.ap-tanabata_tree{background-position:-160px -800px}.ap-crossed_flags{background-position:-180px 0}.ap-bamboo{background-position:-180px -20px}.ap-dolls{background-position:-180px -40px}.ap-flags{background-position:-180px -60px}.ap-wind_chime{background-position:-180px -80px}.ap-rice_scene{background-position:-180px -100px}.ap-school_satchel{background-position:-180px -120px}.ap-mortar_board{background-position:-180px -140px}.ap-medal{background-position:-180px -160px}.ap-reminder_ribbon{background-position:-180px -180px}.ap-studio_microphone{background-position:-180px -200px}.ap-level_slider{background-position:-180px -220px}.ap-control_knobs{background-position:-180px -240px}.ap-film_frames{background-position:-180px -260px}.ap-admission_tickets{background-position:-180px -280px}.ap-carousel_horse{background-position:-180px -300px}.ap-ferris_wheel{background-position:-180px -320px}.ap-roller_coaster{background-position:-180px -340px}.ap-fishing_pole_and_fish{background-position:-180px -360px}.ap-microphone{background-position:-180px -380px}.ap-movie_camera{background-position:-180px -400px}.ap-cinema{background-position:-180px -420px}.ap-headphones{background-position:-180px -440px}.ap-art{background-position:-180px -460px}.ap-tophat{background-position:-180px -480px}.ap-circus_tent{background-position:-180px -500px}.ap-ticket{background-position:-180px -520px}.ap-clapper{background-position:-180px -540px}.ap-performing_arts{background-position:-180px -560px}.ap-video_game{background-position:-180px -580px}.ap-dart{background-position:-180px -600px}.ap-slot_machine{background-position:-180px -620px}.ap-8ball{background-position:-180px -640px}.ap-game_die{background-position:-180px -660px}.ap-bowling{background-position:-180px -680px}.ap-flower_playing_cards{background-position:-180px -700px}.ap-musical_note{background-position:-180px -720px}.ap-notes{background-position:-180px -740px}.ap-saxophone{background-position:-180px -760px}.ap-guitar{background-position:-180px -780px}.ap-musical_keyboard{background-position:-180px -800px}.ap-trumpet{background-position:-200px 0}.ap-violin{background-position:-200px -20px}.ap-musical_score{background-position:-200px -40px}.ap-running_shirt_with_sash{background-position:-200px -60px}.ap-tennis{background-position:-200px -80px}.ap-ski{background-position:-200px -100px}.ap-basketball{background-position:-200px -120px}.ap-checkered_flag{background-position:-200px -140px}.ap-snowboarder{background-position:-200px -160px}.ap-runner{background-position:-200px -180px}.ap-surfer{background-position:-200px -300px}.ap-sports_medal{background-position:-200px -420px}.ap-trophy{background-position:-200px -440px}.ap-horse_racing{background-position:-200px -460px}.ap-football{background-position:-200px -480px}.ap-rugby_football{background-position:-200px -500px}.ap-swimmer{background-position:-200px -520px}.ap-weight_lifter{background-position:-200px -640px}.ap-golfer{background-position:-200px -760px}.ap-racing_motorcycle{background-position:-200px -780px}.ap-racing_car{background-position:-200px -800px}.ap-cricket_bat_and_ball{background-position:-220px 0}.ap-volleyball{background-position:-220px -20px}.ap-field_hockey_stick_and_ball{background-position:-220px -40px}.ap-ice_hockey_stick_and_puck{background-position:-220px -60px}.ap-table_tennis_paddle_and_ball{background-position:-220px -80px}.ap-snow_capped_mountain{background-position:-220px -100px}.ap-camping{background-position:-220px -120px}.ap-beach_with_umbrella{background-position:-220px -140px}.ap-building_construction{background-position:-220px -160px}.ap-house_buildings{background-position:-220px -180px}.ap-cityscape{background-position:-220px -200px}.ap-derelict_house_building{background-position:-220px -220px}.ap-classical_building{background-position:-220px -240px}.ap-desert{background-position:-220px -260px}.ap-desert_island{background-position:-220px -280px}.ap-national_park{background-position:-220px -300px}.ap-stadium{background-position:-220px -320px}.ap-house{background-position:-220px -340px}.ap-house_with_garden{background-position:-220px -360px}.ap-office{background-position:-220px -380px}.ap-post_office{background-position:-220px -400px}.ap-european_post_office{background-position:-220px -420px}.ap-hospital{background-position:-220px -440px}.ap-bank{background-position:-220px -460px}.ap-atm{background-position:-220px -480px}.ap-hotel{background-position:-220px -500px}.ap-love_hotel{background-position:-220px -520px}.ap-convenience_store{background-position:-220px -540px}.ap-school{background-position:-220px -560px}.ap-department_store{background-position:-220px -580px}.ap-factory{background-position:-220px -600px}.ap-izakaya_lantern{background-position:-220px -620px}.ap-japanese_castle{background-position:-220px -640px}.ap-european_castle{background-position:-220px -660px}.ap-waving_white_flag{background-position:-220px -680px}.ap-waving_black_flag{background-position:-220px -700px}.ap-rosette{background-position:-220px -720px}.ap-label{background-position:-220px -740px}.ap-badminton_racquet_and_shuttlecock{background-position:-220px -760px}.ap-bow_and_arrow{background-position:-220px -780px}.ap-amphora{background-position:-220px -800px}.ap-skin-tone-2{background-position:-240px 0}.ap-skin-tone-3{background-position:-240px -20px}.ap-skin-tone-4{background-position:-240px -40px}.ap-skin-tone-5{background-position:-240px -60px}.ap-skin-tone-6{background-position:-240px -80px}.ap-rat{background-position:-240px -100px}.ap-mouse2{background-position:-240px -120px}.ap-ox{background-position:-240px -140px}.ap-water_buffalo{background-position:-240px -160px}.ap-cow2{background-position:-240px -180px}.ap-tiger2{background-position:-240px -200px}.ap-leopard{background-position:-240px -220px}.ap-rabbit2{background-position:-240px -240px}.ap-cat2{background-position:-240px -260px}.ap-dragon{background-position:-240px -280px}.ap-crocodile{background-position:-240px -300px}.ap-whale2{background-position:-240px -320px}.ap-snail{background-position:-240px -340px}.ap-snake{background-position:-240px -360px}.ap-racehorse{background-position:-240px -380px}.ap-ram{background-position:-240px -400px}.ap-goat{background-position:-240px -420px}.ap-sheep{background-position:-240px -440px}.ap-monkey{background-position:-240px -460px}.ap-rooster{background-position:-240px -480px}.ap-chicken{background-position:-240px -500px}.ap-dog2{background-position:-240px -520px}.ap-pig2{background-position:-240px -540px}.ap-boar{background-position:-240px -560px}.ap-elephant{background-position:-240px -580px}.ap-octopus{background-position:-240px -600px}.ap-shell{background-position:-240px -620px}.ap-bug{background-position:-240px -640px}.ap-ant{background-position:-240px -660px}.ap-bee{background-position:-240px -680px}.ap-beetle{background-position:-240px -700px}.ap-fish{background-position:-240px -720px}.ap-tropical_fish{background-position:-240px -740px}.ap-blowfish{background-position:-240px -760px}.ap-turtle{background-position:-240px -780px}.ap-hatching_chick{background-position:-240px -800px}.ap-baby_chick{background-position:-260px 0}.ap-hatched_chick{background-position:-260px -20px}.ap-bird{background-position:-260px -40px}.ap-penguin{background-position:-260px -60px}.ap-koala{background-position:-260px -80px}.ap-poodle{background-position:-260px -100px}.ap-dromedary_camel{background-position:-260px -120px}.ap-camel{background-position:-260px -140px}.ap-dolphin{background-position:-260px -160px}.ap-mouse{background-position:-260px -180px}.ap-cow{background-position:-260px -200px}.ap-tiger{background-position:-260px -220px}.ap-rabbit{background-position:-260px -240px}.ap-cat{background-position:-260px -260px}.ap-dragon_face{background-position:-260px -280px}.ap-whale{background-position:-260px -300px}.ap-horse{background-position:-260px -320px}.ap-monkey_face{background-position:-260px -340px}.ap-dog{background-position:-260px -360px}.ap-pig{background-position:-260px -380px}.ap-frog{background-position:-260px -400px}.ap-hamster{background-position:-260px -420px}.ap-wolf{background-position:-260px -440px}.ap-bear{background-position:-260px -460px}.ap-panda_face{background-position:-260px -480px}.ap-pig_nose{background-position:-260px -500px}.ap-feet{background-position:-260px -520px}.ap-chipmunk{background-position:-260px -540px}.ap-eyes{background-position:-260px -560px}.ap-eye{background-position:-260px -580px}.ap-ear{background-position:-260px -600px}.ap-nose{background-position:-260px -720px}.ap-lips{background-position:-280px -20px}.ap-tongue{background-position:-280px -40px}.ap-point_up_2{background-position:-280px -60px}.ap-point_down{background-position:-280px -180px}.ap-point_left{background-position:-280px -300px}.ap-point_right{background-position:-280px -420px}.ap-facepunch{background-position:-280px -540px}.ap-wave{background-position:-280px -660px}.ap-ok_hand{background-position:-280px -780px}.ap-thumbsup{background-position:-300px -80px}.ap--1,.ap-thumbsdown{background-position:-300px -200px}.ap-clap{background-position:-300px -320px}.ap-open_hands{background-position:-300px -440px}.ap-crown{background-position:-300px -560px}.ap-womans_hat{background-position:-300px -580px}.ap-eyeglasses{background-position:-300px -600px}.ap-necktie{background-position:-300px -620px}.ap-shirt{background-position:-300px -640px}.ap-jeans{background-position:-300px -660px}.ap-dress{background-position:-300px -680px}.ap-kimono{background-position:-300px -700px}.ap-bikini{background-position:-300px -720px}.ap-womans_clothes{background-position:-300px -740px}.ap-purse{background-position:-300px -760px}.ap-handbag{background-position:-300px -780px}.ap-pouch{background-position:-300px -800px}.ap-mans_shoe{background-position:-320px 0}.ap-athletic_shoe{background-position:-320px -20px}.ap-high_heel{background-position:-320px -40px}.ap-sandal{background-position:-320px -60px}.ap-boot{background-position:-320px -80px}.ap-footprints{background-position:-320px -100px}.ap-bust_in_silhouette{background-position:-320px -120px}.ap-busts_in_silhouette{background-position:-320px -140px}.ap-boy{background-position:-320px -160px}.ap-girl{background-position:-320px -280px}.ap-man{background-position:-320px -400px}.ap-woman{background-position:-320px -520px}.ap-family{background-position:-320px -640px}.ap-couple{background-position:-320px -660px}.ap-two_men_holding_hands{background-position:-320px -680px}.ap-two_women_holding_hands{background-position:-320px -700px}.ap-cop{background-position:-320px -720px}.ap-dancers{background-position:-340px -20px}.ap-bride_with_veil{background-position:-340px -40px}.ap-person_with_blond_hair{background-position:-340px -160px}.ap-man_with_gua_pi_mao{background-position:-340px -280px}.ap-man_with_turban{background-position:-340px -400px}.ap-older_man{background-position:-340px -520px}.ap-older_woman{background-position:-340px -640px}.ap-baby{background-position:-340px -760px}.ap-construction_worker{background-position:-360px -60px}.ap-princess{background-position:-360px -180px}.ap-japanese_ogre{background-position:-360px -300px}.ap-japanese_goblin{background-position:-360px -320px}.ap-ghost{background-position:-360px -340px}.ap-angel{background-position:-360px -360px}.ap-alien{background-position:-360px -480px}.ap-space_invader{background-position:-360px -500px}.ap-imp{background-position:-360px -520px}.ap-skull{background-position:-360px -540px}.ap-information_desk_person{background-position:-360px -560px}.ap-guardsman{background-position:-360px -680px}.ap-dancer{background-position:-360px -800px}.ap-lipstick{background-position:-380px -100px}.ap-nail_care{background-position:-380px -120px}.ap-massage{background-position:-380px -240px}.ap-haircut{background-position:-380px -360px}.ap-barber{background-position:-380px -480px}.ap-syringe{background-position:-380px -500px}.ap-pill{background-position:-380px -520px}.ap-kiss{background-position:-380px -540px}.ap-love_letter{background-position:-380px -560px}.ap-ring{background-position:-380px -580px}.ap-gem{background-position:-380px -600px}.ap-couplekiss{background-position:-380px -620px}.ap-bouquet{background-position:-380px -640px}.ap-couple_with_heart{background-position:-380px -660px}.ap-wedding{background-position:-380px -680px}.ap-heartbeat{background-position:-380px -700px}.ap-broken_heart{background-position:-380px -720px}.ap-two_hearts{background-position:-380px -740px}.ap-sparkling_heart{background-position:-380px -760px}.ap-heartpulse{background-position:-380px -780px}.ap-cupid{background-position:-380px -800px}.ap-blue_heart{background-position:-400px 0}.ap-green_heart{background-position:-400px -20px}.ap-yellow_heart{background-position:-400px -40px}.ap-purple_heart{background-position:-400px -60px}.ap-gift_heart{background-position:-400px -80px}.ap-revolving_hearts{background-position:-400px -100px}.ap-heart_decoration{background-position:-400px -120px}.ap-diamond_shape_with_a_dot_inside{background-position:-400px -140px}.ap-bulb{background-position:-400px -160px}.ap-anger{background-position:-400px -180px}.ap-bomb{background-position:-400px -200px}.ap-zzz{background-position:-400px -220px}.ap-boom{background-position:-400px -240px}.ap-sweat_drops{background-position:-400px -260px}.ap-droplet{background-position:-400px -280px}.ap-dash{background-position:-400px -300px}.ap-hankey{background-position:-400px -320px}.ap-muscle{background-position:-400px -340px}.ap-dizzy{background-position:-400px -460px}.ap-speech_balloon{background-position:-400px -480px}.ap-thought_balloon{background-position:-400px -500px}.ap-white_flower{background-position:-400px -520px}.ap-100{background-position:-400px -540px}.ap-moneybag{background-position:-400px -560px}.ap-currency_exchange{background-position:-400px -580px}.ap-heavy_dollar_sign{background-position:-400px -600px}.ap-credit_card{background-position:-400px -620px}.ap-yen{background-position:-400px -640px}.ap-dollar{background-position:-400px -660px}.ap-euro{background-position:-400px -680px}.ap-pound{background-position:-400px -700px}.ap-money_with_wings{background-position:-400px -720px}.ap-chart{background-position:-400px -740px}.ap-seat{background-position:-400px -760px}.ap-computer{background-position:-400px -780px}.ap-briefcase{background-position:-400px -800px}.ap-minidisc{background-position:-420px 0}.ap-floppy_disk{background-position:-420px -20px}.ap-cd{background-position:-420px -40px}.ap-dvd{background-position:-420px -60px}.ap-file_folder{background-position:-420px -80px}.ap-open_file_folder{background-position:-420px -100px}.ap-page_with_curl{background-position:-420px -120px}.ap-page_facing_up{background-position:-420px -140px}.ap-date{background-position:-420px -160px}.ap-calendar{background-position:-420px -180px}.ap-card_index{background-position:-420px -200px}.ap-chart_with_upwards_trend{background-position:-420px -220px}.ap-chart_with_downwards_trend{background-position:-420px -240px}.ap-bar_chart{background-position:-420px -260px}.ap-clipboard{background-position:-420px -280px}.ap-pushpin{background-position:-420px -300px}.ap-round_pushpin{background-position:-420px -320px}.ap-paperclip{background-position:-420px -340px}.ap-straight_ruler{background-position:-420px -360px}.ap-triangular_ruler{background-position:-420px -380px}.ap-bookmark_tabs{background-position:-420px -400px}.ap-ledger{background-position:-420px -420px}.ap-notebook{background-position:-420px -440px}.ap-notebook_with_decorative_cover{background-position:-420px -460px}.ap-closed_book{background-position:-420px -480px}.ap-book{background-position:-420px -500px}.ap-green_book{background-position:-420px -520px}.ap-blue_book{background-position:-420px -540px}.ap-orange_book{background-position:-420px -560px}.ap-books{background-position:-420px -580px}.ap-name_badge{background-position:-420px -600px}.ap-scroll{background-position:-420px -620px}.ap-memo{background-position:-420px -640px}.ap-telephone_receiver{background-position:-420px -660px}.ap-pager{background-position:-420px -680px}.ap-fax{background-position:-420px -700px}.ap-satellite_antenna{background-position:-420px -720px}.ap-loudspeaker{background-position:-420px -740px}.ap-mega{background-position:-420px -760px}.ap-outbox_tray{background-position:-420px -780px}.ap-inbox_tray{background-position:-420px -800px}.ap-package{background-position:-440px 0}.ap-e-mail{background-position:-440px -20px}.ap-incoming_envelope{background-position:-440px -40px}.ap-envelope_with_arrow{background-position:-440px -60px}.ap-mailbox_closed{background-position:-440px -80px}.ap-mailbox{background-position:-440px -100px}.ap-mailbox_with_mail{background-position:-440px -120px}.ap-mailbox_with_no_mail{background-position:-440px -140px}.ap-postbox{background-position:-440px -160px}.ap-postal_horn{background-position:-440px -180px}.ap-newspaper{background-position:-440px -200px}.ap-iphone{background-position:-440px -220px}.ap-calling{background-position:-440px -240px}.ap-vibration_mode{background-position:-440px -260px}.ap-mobile_phone_off{background-position:-440px -280px}.ap-no_mobile_phones{background-position:-440px -300px}.ap-signal_strength{background-position:-440px -320px}.ap-camera{background-position:-440px -340px}.ap-camera_with_flash{background-position:-440px -360px}.ap-video_camera{background-position:-440px -380px}.ap-tv{background-position:-440px -400px}.ap-radio{background-position:-440px -420px}.ap-vhs{background-position:-440px -440px}.ap-film_projector{background-position:-440px -460px}.ap-prayer_beads{background-position:-440px -480px}.ap-twisted_rightwards_arrows{background-position:-440px -500px}.ap-repeat{background-position:-440px -520px}.ap-repeat_one{background-position:-440px -540px}.ap-arrows_clockwise{background-position:-440px -560px}.ap-arrows_counterclockwise{background-position:-440px -580px}.ap-low_brightness{background-position:-440px -600px}.ap-high_brightness{background-position:-440px -620px}.ap-mute{background-position:-440px -640px}.ap-speaker{background-position:-440px -660px}.ap-sound{background-position:-440px -680px}.ap-loud_sound{background-position:-440px -700px}.ap-battery{background-position:-440px -720px}.ap-electric_plug{background-position:-440px -740px}.ap-mag{background-position:-440px -760px}.ap-mag_right{background-position:-440px -780px}.ap-lock_with_ink_pen{background-position:-440px -800px}.ap-closed_lock_with_key{background-position:-460px 0}.ap-key{background-position:-460px -20px}.ap-lock{background-position:-460px -40px}.ap-unlock{background-position:-460px -60px}.ap-bell{background-position:-460px -80px}.ap-no_bell{background-position:-460px -100px}.ap-bookmark{background-position:-460px -120px}.ap-link{background-position:-460px -140px}.ap-radio_button{background-position:-460px -160px}.ap-back{background-position:-460px -180px}.ap-end{background-position:-460px -200px}.ap-on{background-position:-460px -220px}.ap-soon{background-position:-460px -240px}.ap-top{background-position:-460px -260px}.ap-underage{background-position:-460px -280px}.ap-keycap_ten{background-position:-460px -300px}.ap-capital_abcd{background-position:-460px -320px}.ap-abcd{background-position:-460px -340px}.ap-1234{background-position:-460px -360px}.ap-symbols{background-position:-460px -380px}.ap-abc{background-position:-460px -400px}.ap-fire{background-position:-460px -420px}.ap-flashlight{background-position:-460px -440px}.ap-wrench{background-position:-460px -460px}.ap-hammer{background-position:-460px -480px}.ap-nut_and_bolt{background-position:-460px -500px}.ap-hocho{background-position:-460px -520px}.ap-gun{background-position:-460px -540px}.ap-microscope{background-position:-460px -560px}.ap-telescope{background-position:-460px -580px}.ap-crystal_ball{background-position:-460px -600px}.ap-six_pointed_star{background-position:-460px -620px}.ap-beginner{background-position:-460px -640px}.ap-trident{background-position:-460px -660px}.ap-black_square_button{background-position:-460px -680px}.ap-white_square_button{background-position:-460px -700px}.ap-red_circle{background-position:-460px -720px}.ap-large_blue_circle{background-position:-460px -740px}.ap-large_orange_diamond{background-position:-460px -760px}.ap-large_blue_diamond{background-position:-460px -780px}.ap-small_orange_diamond{background-position:-460px -800px}.ap-small_blue_diamond{background-position:-480px 0}.ap-small_red_triangle{background-position:-480px -20px}.ap-small_red_triangle_down{background-position:-480px -40px}.ap-arrow_up_small{background-position:-480px -60px}.ap-arrow_down_small{background-position:-480px -80px}.ap-om_symbol{background-position:-480px -100px}.ap-dove_of_peace{background-position:-480px -120px}.ap-kaaba{background-position:-480px -140px}.ap-mosque{background-position:-480px -160px}.ap-synagogue{background-position:-480px -180px}.ap-menorah_with_nine_branches{background-position:-480px -200px}.ap-clock1{background-position:-480px -220px}.ap-clock2{background-position:-480px -240px}.ap-clock3{background-position:-480px -260px}.ap-clock4{background-position:-480px -280px}.ap-clock5{background-position:-480px -300px}.ap-clock6{background-position:-480px -320px}.ap-clock7{background-position:-480px -340px}.ap-clock8{background-position:-480px -360px}.ap-clock9{background-position:-480px -380px}.ap-clock10{background-position:-480px -400px}.ap-clock11{background-position:-480px -420px}.ap-clock12{background-position:-480px -440px}.ap-clock130{background-position:-480px -460px}.ap-clock230{background-position:-480px -480px}.ap-clock330{background-position:-480px -500px}.ap-clock430{background-position:-480px -520px}.ap-clock530{background-position:-480px -540px}.ap-clock630{background-position:-480px -560px}.ap-clock730{background-position:-480px -580px}.ap-clock830{background-position:-480px -600px}.ap-clock930{background-position:-480px -620px}.ap-clock1030{background-position:-480px -640px}.ap-clock1130{background-position:-480px -660px}.ap-clock1230{background-position:-480px -680px}.ap-candle{background-position:-480px -700px}.ap-mantelpiece_clock{background-position:-480px -720px}.ap-hole{background-position:-480px -740px}.ap-man_in_business_suit_levitating{background-position:-480px -760px}.ap-sleuth_or_spy{background-position:-480px -780px}.ap-dark_sunglasses{background-position:-500px -80px}.ap-spider{background-position:-500px -100px}.ap-spider_web{background-position:-500px -120px}.ap-joystick{background-position:-500px -140px}.ap-linked_paperclips{background-position:-500px -160px}.ap-lower_left_ballpoint_pen{background-position:-500px -180px}.ap-lower_left_fountain_pen{background-position:-500px -200px}.ap-lower_left_paintbrush{background-position:-500px -220px}.ap-lower_left_crayon{background-position:-500px -240px}.ap-raised_hand_with_fingers_splayed{background-position:-500px -260px}.ap-middle_finger{background-position:-500px -380px}.ap-spock-hand{background-position:-500px -500px}.ap-desktop_computer{background-position:-500px -620px}.ap-printer{background-position:-500px -640px}.ap-three_button_mouse{background-position:-500px -660px}.ap-trackball{background-position:-500px -680px}.ap-frame_with_picture{background-position:-500px -700px}.ap-card_index_dividers{background-position:-500px -720px}.ap-card_file_box{background-position:-500px -740px}.ap-file_cabinet{background-position:-500px -760px}.ap-wastebasket{background-position:-500px -780px}.ap-spiral_note_pad{background-position:-500px -800px}.ap-spiral_calendar_pad{background-position:-520px 0}.ap-compression{background-position:-520px -20px}.ap-old_key{background-position:-520px -40px}.ap-rolled_up_newspaper{background-position:-520px -60px}.ap-dagger_knife{background-position:-520px -80px}.ap-speaking_head_in_silhouette{background-position:-520px -100px}.ap-left_speech_bubble{background-position:-520px -120px}.ap-right_anger_bubble{background-position:-520px -140px}.ap-ballot_box_with_ballot{background-position:-520px -160px}.ap-world_map{background-position:-520px -180px}.ap-mount_fuji{background-position:-520px -200px}.ap-tokyo_tower{background-position:-520px -220px}.ap-statue_of_liberty{background-position:-520px -240px}.ap-japan{background-position:-520px -260px}.ap-moyai{background-position:-520px -280px}.ap-grinning{background-position:-520px -300px}.ap-grin{background-position:-520px -320px}.ap-joy{background-position:-520px -340px}.ap-smiley{background-position:-520px -360px}.ap-smile{background-position:-520px -380px}.ap-sweat_smile{background-position:-520px -400px}.ap-laughing{background-position:-520px -420px}.ap-innocent{background-position:-520px -440px}.ap-smiling_imp{background-position:-520px -460px}.ap-wink{background-position:-520px -480px}.ap-blush{background-position:-520px -500px}.ap-yum{background-position:-520px -520px}.ap-relieved{background-position:-520px -540px}.ap-heart_eyes{background-position:-520px -560px}.ap-sunglasses{background-position:-520px -580px}.ap-smirk{background-position:-520px -600px}.ap-neutral_face{background-position:-520px -620px}.ap-expressionless{background-position:-520px -640px}.ap-unamused{background-position:-520px -660px}.ap-sweat{background-position:-520px -680px}.ap-pensive{background-position:-520px -700px}.ap-confused{background-position:-520px -720px}.ap-confounded{background-position:-520px -740px}.ap-kissing{background-position:-520px -760px}.ap-kissing_heart{background-position:-520px -780px}.ap-kissing_smiling_eyes{background-position:-520px -800px}.ap-kissing_closed_eyes{background-position:-540px 0}.ap-stuck_out_tongue{background-position:-540px -20px}.ap-stuck_out_tongue_winking_eye{background-position:-540px -40px}.ap-stuck_out_tongue_closed_eyes{background-position:-540px -60px}.ap-disappointed{background-position:-540px -80px}.ap-worried{background-position:-540px -100px}.ap-angry{background-position:-540px -120px}.ap-rage{background-position:-540px -140px}.ap-cry{background-position:-540px -160px}.ap-persevere{background-position:-540px -180px}.ap-triumph{background-position:-540px -200px}.ap-disappointed_relieved{background-position:-540px -220px}.ap-frowning{background-position:-540px -240px}.ap-anguished{background-position:-540px -260px}.ap-fearful{background-position:-540px -280px}.ap-weary{background-position:-540px -300px}.ap-sleepy{background-position:-540px -320px}.ap-tired_face{background-position:-540px -340px}.ap-grimacing{background-position:-540px -360px}.ap-sob{background-position:-540px -380px}.ap-open_mouth{background-position:-540px -400px}.ap-hushed{background-position:-540px -420px}.ap-cold_sweat{background-position:-540px -440px}.ap-scream{background-position:-540px -460px}.ap-astonished{background-position:-540px -480px}.ap-flushed{background-position:-540px -500px}.ap-sleeping{background-position:-540px -520px}.ap-dizzy_face{background-position:-540px -540px}.ap-no_mouth{background-position:-540px -560px}.ap-mask{background-position:-540px -580px}.ap-smile_cat{background-position:-540px -600px}.ap-joy_cat{background-position:-540px -620px}.ap-smiley_cat{background-position:-540px -640px}.ap-heart_eyes_cat{background-position:-540px -660px}.ap-smirk_cat{background-position:-540px -680px}.ap-kissing_cat{background-position:-540px -700px}.ap-pouting_cat{background-position:-540px -720px}.ap-crying_cat_face{background-position:-540px -740px}.ap-scream_cat{background-position:-540px -760px}.ap-slightly_frowning_face{background-position:-540px -780px}.ap-slightly_smiling_face{background-position:-540px -800px}.ap-upside_down_face{background-position:-560px 0}.ap-face_with_rolling_eyes{background-position:-560px -20px}.ap-no_good{background-position:-560px -40px}.ap-ok_woman{background-position:-560px -160px}.ap-bow{background-position:-560px -280px}.ap-see_no_evil{background-position:-560px -400px}.ap-hear_no_evil{background-position:-560px -420px}.ap-speak_no_evil{background-position:-560px -440px}.ap-raising_hand{background-position:-560px -460px}.ap-raised_hands{background-position:-560px -580px}.ap-person_frowning{background-position:-560px -700px}.ap-person_with_pouting_face{background-position:-580px 0}.ap-pray{background-position:-580px -120px}.ap-rocket{background-position:-580px -240px}.ap-helicopter{background-position:-580px -260px}.ap-steam_locomotive{background-position:-580px -280px}.ap-railway_car{background-position:-580px -300px}.ap-bullettrain_side{background-position:-580px -320px}.ap-bullettrain_front{background-position:-580px -340px}.ap-train2{background-position:-580px -360px}.ap-metro{background-position:-580px -380px}.ap-light_rail{background-position:-580px -400px}.ap-station{background-position:-580px -420px}.ap-tram{background-position:-580px -440px}.ap-train{background-position:-580px -460px}.ap-bus{background-position:-580px -480px}.ap-oncoming_bus{background-position:-580px -500px}.ap-trolleybus{background-position:-580px -520px}.ap-busstop{background-position:-580px -540px}.ap-minibus{background-position:-580px -560px}.ap-ambulance{background-position:-580px -580px}.ap-fire_engine{background-position:-580px -600px}.ap-police_car{background-position:-580px -620px}.ap-oncoming_police_car{background-position:-580px -640px}.ap-taxi{background-position:-580px -660px}.ap-oncoming_taxi{background-position:-580px -680px}.ap-car{background-position:-580px -700px}.ap-oncoming_automobile{background-position:-580px -720px}.ap-blue_car{background-position:-580px -740px}.ap-truck{background-position:-580px -760px}.ap-articulated_lorry{background-position:-580px -780px}.ap-tractor{background-position:-580px -800px}.ap-monorail{background-position:-600px 0}.ap-mountain_railway{background-position:-600px -20px}.ap-suspension_railway{background-position:-600px -40px}.ap-mountain_cableway{background-position:-600px -60px}.ap-aerial_tramway{background-position:-600px -80px}.ap-ship{background-position:-600px -100px}.ap-rowboat{background-position:-600px -120px}.ap-speedboat{background-position:-600px -240px}.ap-traffic_light{background-position:-600px -260px}.ap-vertical_traffic_light{background-position:-600px -280px}.ap-construction{background-position:-600px -300px}.ap-rotating_light{background-position:-600px -320px}.ap-triangular_flag_on_post{background-position:-600px -340px}.ap-door{background-position:-600px -360px}.ap-no_entry_sign{background-position:-600px -380px}.ap-smoking{background-position:-600px -400px}.ap-no_smoking{background-position:-600px -420px}.ap-put_litter_in_its_place{background-position:-600px -440px}.ap-do_not_litter{background-position:-600px -460px}.ap-potable_water{background-position:-600px -480px}.ap-non-potable_water{background-position:-600px -500px}.ap-bike{background-position:-600px -520px}.ap-no_bicycles{background-position:-600px -540px}.ap-bicyclist{background-position:-600px -560px}.ap-mountain_bicyclist{background-position:-600px -680px}.ap-walking{background-position:-600px -800px}.ap-no_pedestrians{background-position:-620px -100px}.ap-children_crossing{background-position:-620px -120px}.ap-mens{background-position:-620px -140px}.ap-womens{background-position:-620px -160px}.ap-restroom{background-position:-620px -180px}.ap-baby_symbol{background-position:-620px -200px}.ap-toilet{background-position:-620px -220px}.ap-wc{background-position:-620px -240px}.ap-shower{background-position:-620px -260px}.ap-bath{background-position:-620px -280px}.ap-bathtub{background-position:-620px -400px}.ap-passport_control{background-position:-620px -420px}.ap-customs{background-position:-620px -440px}.ap-baggage_claim{background-position:-620px -460px}.ap-left_luggage{background-position:-620px -480px}.ap-couch_and_lamp{background-position:-620px -500px}.ap-sleeping_accommodation{background-position:-620px -520px}.ap-shopping_bags{background-position:-620px -540px}.ap-bellhop_bell{background-position:-620px -560px}.ap-bed{background-position:-620px -580px}.ap-place_of_worship{background-position:-620px -600px}.ap-hammer_and_wrench{background-position:-620px -620px}.ap-shield{background-position:-620px -640px}.ap-oil_drum{background-position:-620px -660px}.ap-motorway{background-position:-620px -680px}.ap-railway_track{background-position:-620px -700px}.ap-motor_boat{background-position:-620px -720px}.ap-small_airplane{background-position:-620px -740px}.ap-airplane_departure{background-position:-620px -760px}.ap-airplane_arriving{background-position:-620px -780px}.ap-satellite{background-position:-620px -800px}.ap-passenger_ship{background-position:-640px 0}.ap-zipper_mouth_face{background-position:-640px -20px}.ap-money_mouth_face{background-position:-640px -40px}.ap-face_with_thermometer{background-position:-640px -60px}.ap-nerd_face{background-position:-640px -80px}.ap-thinking_face{background-position:-640px -100px}.ap-face_with_head_bandage{background-position:-640px -120px}.ap-robot_face{background-position:-640px -140px}.ap-hugging_face{background-position:-640px -160px}.ap-the_horns{background-position:-640px -180px}.ap-crab{background-position:-640px -300px}.ap-lion_face{background-position:-640px -320px}.ap-scorpion{background-position:-640px -340px}.ap-turkey{background-position:-640px -360px}.ap-unicorn_face{background-position:-640px -380px}.ap-cheese_wedge{background-position:-640px -400px}.ap-hash{background-position:-640px -420px}.ap-keycap_star{background-position:-640px -440px}.ap-zero{background-position:-640px -460px}.ap-one{background-position:-640px -480px}.ap-two{background-position:-640px -500px}.ap-three{background-position:-640px -520px}.ap-four{background-position:-640px -540px}.ap-five{background-position:-640px -560px}.ap-six{background-position:-640px -580px}.ap-seven{background-position:-640px -600px}.ap-eight{background-position:-640px -620px}.ap-nine{background-position:-640px -640px}.ap-flag-ac{background-position:-640px -660px}.ap-flag-ad{background-position:-640px -680px}.ap-flag-ae{background-position:-640px -700px}.ap-flag-af{background-position:-640px -720px}.ap-flag-ag{background-position:-640px -740px}.ap-flag-ai{background-position:-640px -760px}.ap-flag-al{background-position:-640px -780px}.ap-flag-am{background-position:-640px -800px}.ap-flag-ao{background-position:-660px 0}.ap-flag-aq{background-position:-660px -20px}.ap-flag-ar{background-position:-660px -40px}.ap-flag-as{background-position:-660px -60px}.ap-flag-at{background-position:-660px -80px}.ap-flag-au{background-position:-660px -100px}.ap-flag-aw{background-position:-660px -120px}.ap-flag-ax{background-position:-660px -140px}.ap-flag-az{background-position:-660px -160px}.ap-flag-ba{background-position:-660px -180px}.ap-flag-bb{background-position:-660px -200px}.ap-flag-bd{background-position:-660px -220px}.ap-flag-be{background-position:-660px -240px}.ap-flag-bf{background-position:-660px -260px}.ap-flag-bg{background-position:-660px -280px}.ap-flag-bh{background-position:-660px -300px}.ap-flag-bi{background-position:-660px -320px}.ap-flag-bj{background-position:-660px -340px}.ap-flag-bl{background-position:-660px -360px}.ap-flag-bm{background-position:-660px -380px}.ap-flag-bn{background-position:-660px -400px}.ap-flag-bo{background-position:-660px -420px}.ap-flag-bq{background-position:-660px -440px}.ap-flag-br{background-position:-660px -460px}.ap-flag-bs{background-position:-660px -480px}.ap-flag-bt{background-position:-660px -500px}.ap-flag-bv{background-position:-660px -520px}.ap-flag-bw{background-position:-660px -540px}.ap-flag-by{background-position:-660px -560px}.ap-flag-bz{background-position:-660px -580px}.ap-flag-ca{background-position:-660px -600px}.ap-flag-cc{background-position:-660px -620px}.ap-flag-cd{background-position:-660px -640px}.ap-flag-cf{background-position:-660px -660px}.ap-flag-cg{background-position:-660px -680px}.ap-flag-ch{background-position:-660px -700px}.ap-flag-ci{background-position:-660px -720px}.ap-flag-ck{background-position:-660px -740px}.ap-flag-cl{background-position:-660px -760px}.ap-flag-cm{background-position:-660px -780px}.ap-flag-cn{background-position:-660px -800px}.ap-flag-co{background-position:-680px 0}.ap-flag-cp{background-position:-680px -20px}.ap-flag-cr{background-position:-680px -40px}.ap-flag-cu{background-position:-680px -60px}.ap-flag-cv{background-position:-680px -80px}.ap-flag-cw{background-position:-680px -100px}.ap-flag-cx{background-position:-680px -120px}.ap-flag-cy{background-position:-680px -140px}.ap-flag-cz{background-position:-680px -160px}.ap-flag-de{background-position:-680px -180px}.ap-flag-dg{background-position:-680px -200px}.ap-flag-dj{background-position:-680px -220px}.ap-flag-dk{background-position:-680px -240px}.ap-flag-dm{background-position:-680px -260px}.ap-flag-do{background-position:-680px -280px}.ap-flag-dz{background-position:-680px -300px}.ap-flag-ea{background-position:-680px -320px}.ap-flag-ec{background-position:-680px -340px}.ap-flag-ee{background-position:-680px -360px}.ap-flag-eg{background-position:-680px -380px}.ap-flag-eh{background-position:-680px -400px}.ap-flag-er{background-position:-680px -420px}.ap-flag-es{background-position:-680px -440px}.ap-flag-et{background-position:-680px -460px}.ap-flag-eu{background-position:-680px -480px}.ap-flag-fi{background-position:-680px -500px}.ap-flag-fj{background-position:-680px -520px}.ap-flag-fk{background-position:-680px -540px}.ap-flag-fm{background-position:-680px -560px}.ap-flag-fo{background-position:-680px -580px}.ap-flag-fr{background-position:-680px -600px}.ap-flag-ga{background-position:-680px -620px}.ap-flag-gb{background-position:-680px -640px}.ap-flag-gd{background-position:-680px -660px}.ap-flag-ge{background-position:-680px -680px}.ap-flag-gf{background-position:-680px -700px}.ap-flag-gg{background-position:-680px -720px}.ap-flag-gh{background-position:-680px -740px}.ap-flag-gi{background-position:-680px -760px}.ap-flag-gl{background-position:-680px -780px}.ap-flag-gm{background-position:-680px -800px}.ap-flag-gn{background-position:-700px 0}.ap-flag-gp{background-position:-700px -20px}.ap-flag-gq{background-position:-700px -40px}.ap-flag-gr{background-position:-700px -60px}.ap-flag-gs{background-position:-700px -80px}.ap-flag-gt{background-position:-700px -100px}.ap-flag-gu{background-position:-700px -120px}.ap-flag-gw{background-position:-700px -140px}.ap-flag-gy{background-position:-700px -160px}.ap-flag-hk{background-position:-700px -180px}.ap-flag-hm{background-position:-700px -200px}.ap-flag-hn{background-position:-700px -220px}.ap-flag-hr{background-position:-700px -240px}.ap-flag-ht{background-position:-700px -260px}.ap-flag-hu{background-position:-700px -280px}.ap-flag-ic{background-position:-700px -300px}.ap-flag-id{background-position:-700px -320px}.ap-flag-ie{background-position:-700px -340px}.ap-flag-il{background-position:-700px -360px}.ap-flag-im{background-position:-700px -380px}.ap-flag-in{background-position:-700px -400px}.ap-flag-io{background-position:-700px -420px}.ap-flag-iq{background-position:-700px -440px}.ap-flag-ir{background-position:-700px -460px}.ap-flag-is{background-position:-700px -480px}.ap-flag-it{background-position:-700px -500px}.ap-flag-je{background-position:-700px -520px}.ap-flag-jm{background-position:-700px -540px}.ap-flag-jo{background-position:-700px -560px}.ap-flag-jp{background-position:-700px -580px}.ap-flag-ke{background-position:-700px -600px}.ap-flag-kg{background-position:-700px -620px}.ap-flag-kh{background-position:-700px -640px}.ap-flag-ki{background-position:-700px -660px}.ap-flag-km{background-position:-700px -680px}.ap-flag-kn{background-position:-700px -700px}.ap-flag-kp{background-position:-700px -720px}.ap-flag-kr{background-position:-700px -740px}.ap-flag-kw{background-position:-700px -760px}.ap-flag-ky{background-position:-700px -780px}.ap-flag-kz{background-position:-700px -800px}.ap-flag-la{background-position:-720px 0}.ap-flag-lb{background-position:-720px -20px}.ap-flag-lc{background-position:-720px -40px}.ap-flag-li{background-position:-720px -60px}.ap-flag-lk{background-position:-720px -80px}.ap-flag-lr{background-position:-720px -100px}.ap-flag-ls{background-position:-720px -120px}.ap-flag-lt{background-position:-720px -140px}.ap-flag-lu{background-position:-720px -160px}.ap-flag-lv{background-position:-720px -180px}.ap-flag-ly{background-position:-720px -200px}.ap-flag-ma{background-position:-720px -220px}.ap-flag-mc{background-position:-720px -240px}.ap-flag-md{background-position:-720px -260px}.ap-flag-me{background-position:-720px -280px}.ap-flag-mf{background-position:-720px -300px}.ap-flag-mg{background-position:-720px -320px}.ap-flag-mh{background-position:-720px -340px}.ap-flag-mk{background-position:-720px -360px}.ap-flag-ml{background-position:-720px -380px}.ap-flag-mm{background-position:-720px -400px}.ap-flag-mn{background-position:-720px -420px}.ap-flag-mo{background-position:-720px -440px}.ap-flag-mp{background-position:-720px -460px}.ap-flag-mq{background-position:-720px -480px}.ap-flag-mr{background-position:-720px -500px}.ap-flag-ms{background-position:-720px -520px}.ap-flag-mt{background-position:-720px -540px}.ap-flag-mu{background-position:-720px -560px}.ap-flag-mv{background-position:-720px -580px}.ap-flag-mw{background-position:-720px -600px}.ap-flag-mx{background-position:-720px -620px}.ap-flag-my{background-position:-720px -640px}.ap-flag-mz{background-position:-720px -660px}.ap-flag-na{background-position:-720px -680px}.ap-flag-nc{background-position:-720px -700px}.ap-flag-ne{background-position:-720px -720px}.ap-flag-nf{background-position:-720px -740px}.ap-flag-ng{background-position:-720px -760px}.ap-flag-ni{background-position:-720px -780px}.ap-flag-nl{background-position:-720px -800px}.ap-flag-no{background-position:-740px 0}.ap-flag-np{background-position:-740px -20px}.ap-flag-nr{background-position:-740px -40px}.ap-flag-nu{background-position:-740px -60px}.ap-flag-nz{background-position:-740px -80px}.ap-flag-om{background-position:-740px -100px}.ap-flag-pa{background-position:-740px -120px}.ap-flag-pe{background-position:-740px -140px}.ap-flag-pf{background-position:-740px -160px}.ap-flag-pg{background-position:-740px -180px}.ap-flag-ph{background-position:-740px -200px}.ap-flag-pk{background-position:-740px -220px}.ap-flag-pl{background-position:-740px -240px}.ap-flag-pm{background-position:-740px -260px}.ap-flag-pn{background-position:-740px -280px}.ap-flag-pr{background-position:-740px -300px}.ap-flag-ps{background-position:-740px -320px}.ap-flag-pt{background-position:-740px -340px}.ap-flag-pw{background-position:-740px -360px}.ap-flag-py{background-position:-740px -380px}.ap-flag-qa{background-position:-740px -400px}.ap-flag-re{background-position:-740px -420px}.ap-flag-ro{background-position:-740px -440px}.ap-flag-rs{background-position:-740px -460px}.ap-flag-ru{background-position:-740px -480px}.ap-flag-rw{background-position:-740px -500px}.ap-flag-sa{background-position:-740px -520px}.ap-flag-sb{background-position:-740px -540px}.ap-flag-sc{background-position:-740px -560px}.ap-flag-sd{background-position:-740px -580px}.ap-flag-se{background-position:-740px -600px}.ap-flag-sg{background-position:-740px -620px}.ap-flag-sh{background-position:-740px -640px}.ap-flag-si{background-position:-740px -660px}.ap-flag-sj{background-position:-740px -680px}.ap-flag-sk{background-position:-740px -700px}.ap-flag-sl{background-position:-740px -720px}.ap-flag-sm{background-position:-740px -740px}.ap-flag-sn{background-position:-740px -760px}.ap-flag-so{background-position:-740px -780px}.ap-flag-sr{background-position:-740px -800px}.ap-flag-ss{background-position:-760px 0}.ap-flag-st{background-position:-760px -20px}.ap-flag-sv{background-position:-760px -40px}.ap-flag-sx{background-position:-760px -60px}.ap-flag-sy{background-position:-760px -80px}.ap-flag-sz{background-position:-760px -100px}.ap-flag-ta{background-position:-760px -120px}.ap-flag-tc{background-position:-760px -140px}.ap-flag-td{background-position:-760px -160px}.ap-flag-tf{background-position:-760px -180px}.ap-flag-tg{background-position:-760px -200px}.ap-flag-th{background-position:-760px -220px}.ap-flag-tj{background-position:-760px -240px}.ap-flag-tk{background-position:-760px -260px}.ap-flag-tl{background-position:-760px -280px}.ap-flag-tm{background-position:-760px -300px}.ap-flag-tn{background-position:-760px -320px}.ap-flag-to{background-position:-760px -340px}.ap-flag-tr{background-position:-760px -360px}.ap-flag-tt{background-position:-760px -380px}.ap-flag-tv{background-position:-760px -400px}.ap-flag-tw{background-position:-760px -420px}.ap-flag-tz{background-position:-760px -440px}.ap-flag-ua{background-position:-760px -460px}.ap-flag-ug{background-position:-760px -480px}.ap-flag-um{background-position:-760px -500px}.ap-flag-us{background-position:-760px -520px}.ap-flag-uy{background-position:-760px -540px}.ap-flag-uz{background-position:-760px -560px}.ap-flag-va{background-position:-760px -580px}.ap-flag-vc{background-position:-760px -600px}.ap-flag-ve{background-position:-760px -620px}.ap-flag-vg{background-position:-760px -640px}.ap-flag-vi{background-position:-760px -660px}.ap-flag-vn{background-position:-760px -680px}.ap-flag-vu{background-position:-760px -700px}.ap-flag-wf{background-position:-760px -720px}.ap-flag-ws{background-position:-760px -740px}.ap-flag-xk{background-position:-760px -760px}.ap-flag-ye{background-position:-760px -780px}.ap-flag-yt{background-position:-760px -800px}.ap-flag-za{background-position:-780px 0}.ap-flag-zm{background-position:-780px -20px}.ap-flag-zw{background-position:-780px -40px}.ap-man-man-boy{background-position:-780px -60px}.ap-man-man-boy-boy{background-position:-780px -80px}.ap-man-man-girl{background-position:-780px -100px}.ap-man-man-girl-boy{background-position:-780px -120px}.ap-man-man-girl-girl{background-position:-780px -140px}.ap-man-woman-boy-boy{background-position:-780px -160px}.ap-man-woman-girl{background-position:-780px -180px}.ap-man-woman-girl-boy{background-position:-780px -200px}.ap-man-woman-girl-girl{background-position:-780px -220px}.ap-man-heart-man{background-position:-780px -240px}.ap-man-kiss-man{background-position:-780px -260px}.ap-woman-woman-boy{background-position:-780px -280px}.ap-woman-woman-boy-boy{background-position:-780px -300px}.ap-woman-woman-girl{background-position:-780px -320px}.ap-woman-woman-girl-boy{background-position:-780px -340px}.ap-woman-woman-girl-girl{background-position:-780px -360px}.ap-woman-heart-woman{background-position:-780px -380px}.ap-woman-kiss-woman{background-position:-780px -400px}
/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/quill-mention/dist/quill.mention.min.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.ql-mention-list-container{background-color:#fff;border:1px solid #f0f0f0;border-radius:4px;box-shadow:0 2px 12px 0 rgba(30,30,30,.08);overflow:auto;width:270px;z-index:9001}.ql-mention-loading{font-size:16px;line-height:44px;padding:0 20px;vertical-align:middle}.ql-mention-list{list-style:none;margin:0;overflow:hidden;padding:0}.ql-mention-list-item{cursor:pointer;font-size:16px;line-height:44px;padding:0 20px;vertical-align:middle}.ql-mention-list-item.disabled{cursor:auto}.ql-mention-list-item.selected{background-color:#d3e1eb;text-decoration:none}.mention{background-color:#d3e1eb;border-radius:6px;height:24px;margin-right:2px;padding:3px 0;-webkit-user-select:all;user-select:all;width:65px}.mention>span{margin:0 3px}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/app/theme/styles/xcdrs-material-theme.scss?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75rem;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
  font-size: 0.938rem;
  font-weight: 400;
  line-height: 1.5rem;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(0.875rem * 0.83) / 1.25rem var(--xcdr-font-family);
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(0.875rem * 0.67) / 1.25rem var(--xcdr-font-family);
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
}

.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
}
.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.25rem;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
}

.mat-display-4,
.mat-typography .mat-display-4 {
  font-size: 7rem;
  font-weight: 300;
  line-height: 7rem;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
  margin: 0 0 56px;
}

.mat-display-3,
.mat-typography .mat-display-3 {
  font-size: 3.5rem;
  font-weight: 400;
  line-height: 3.5rem;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-display-2,
.mat-typography .mat-display-2 {
  font-size: 2.813rem;
  font-weight: 400;
  line-height: 3rem;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-display-1,
.mat-typography .mat-display-1 {
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 2.5rem;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
  margin: 0 0 64px;
}

html {
  --mat-badge-text-font: var(--xcdr-font-family);
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
  --mat-bottom-sheet-container-text-font: var(--xcdr-font-family);
  --mat-bottom-sheet-container-text-line-height: 1.25rem;
  --mat-bottom-sheet-container-text-size: 0.875rem;
  --mat-bottom-sheet-container-text-tracking: normal;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-legacy-button-toggle-text-font: var(--xcdr-font-family);
  --mat-standard-button-toggle-text-font: var(--xcdr-font-family);
  --mat-datepicker-calendar-text-font: var(--xcdr-font-family);
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 0.875rem;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 0.875rem;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-expansion-header-text-font: var(--xcdr-font-family);
  --mat-expansion-header-text-size: 0.938rem;
  --mat-expansion-header-text-weight: 400;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: var(--xcdr-font-family);
  --mat-expansion-container-text-line-height: 1.25rem;
  --mat-expansion-container-text-size: 0.875rem;
  --mat-expansion-container-text-tracking: normal;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 0.875rem;
  --mat-grid-list-tile-header-secondary-text-size: 0.75rem;
  --mat-grid-list-tile-footer-primary-text-size: 0.875rem;
  --mat-grid-list-tile-footer-secondary-text-size: 0.75rem;
  --mat-stepper-container-text-font: var(--xcdr-font-family);
  --mat-stepper-header-label-text-font: var(--xcdr-font-family);
  --mat-stepper-header-label-text-size: 0.875rem;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-weight: 500;
  --mat-toolbar-title-text-font: var(--xcdr-font-family);
  --mat-toolbar-title-text-line-height: 2rem;
  --mat-toolbar-title-text-size: 1.25rem;
  --mat-toolbar-title-text-tracking: normal;
  --mat-toolbar-title-text-weight: 500;
}

.mat-tree {
  font-family: var(--xcdr-font-family);
}

.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 0.875rem;
}

.mat-option {
  font-family: var(--xcdr-font-family);
  font-size: 1rem;
}

.mat-optgroup-label {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
}

.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: var(--xcdr-font-family);
  font-size: 0.875rem;
  font-weight: 500;
}

.mat-datepicker-content .mdc-button {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, var(--xcdr-font-family)));
  font-size: var(--mdc-typography-button-font-size, 0.875rem);
  line-height: var(--mdc-typography-button-line-height, 0.875rem);
  font-weight: var(--mdc-typography-button-font-weight, 500);
  letter-spacing: var(--mdc-typography-button-letter-spacing, normal);
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
          text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: var(--mdc-typography-button-text-transform, none);
}
.mat-card {
  font-family: var(--xcdr-font-family);
}

.mat-card-title {
  font-size: 1.5rem;
  font-weight: 500;
}

.mat-card-header .mat-card-title {
  font-size: 1.25rem;
}

.mat-card-subtitle,
.mat-card-content {
  font-size: 0.875rem;
}

.mat-tooltip {
  font-family: var(--xcdr-font-family);
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}

input.mat-input-element {
  margin-top: -0.0625em;
}

.mat-form-field {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.125em;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
}

.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125em;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125em;
}

.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}

.mat-form-field-label {
  top: 1.34375em;
}

.mat-form-field-underline {
  bottom: 1.34375em;
}

.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}

@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-select {
  font-family: var(--xcdr-font-family);
}

.mat-select-trigger {
  height: 1.125em;
}

.mat-checkbox {
  font-family: var(--xcdr-font-family);
}

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 1.5rem;
}

.mat-dialog-title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
}

.mat-chip {
  font-size: 0.875rem;
  font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}

.mat-slide-toggle-content {
  font-family: var(--xcdr-font-family);
}

.mat-tab-group {
  font-family: var(--xcdr-font-family);
}

.mat-tab-label, .mat-tab-link {
  font-family: var(--xcdr-font-family);
  font-size: 0.875rem;
  font-weight: 500;
}

.mat-radio-button {
  font-family: var(--xcdr-font-family);
}

.mat-slider-thumb-label-text {
  font-family: var(--xcdr-font-family);
  font-size: 0.75rem;
  font-weight: 500;
}

.mat-menu-item {
  font-family: var(--xcdr-font-family);
  font-size: 0.875rem;
  font-weight: 400;
}

.mat-list-item {
  font-family: var(--xcdr-font-family);
}

.mat-list-option {
  font-family: var(--xcdr-font-family);
}

.mat-list-base .mat-list-item {
  font-size: 1rem;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 0.875rem;
}
.mat-list-base .mat-list-option {
  font-size: 1rem;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 0.875rem;
}
.mat-list-base .mat-subheader {
  font-family: var(--xcdr-font-family);
  font-size: 0.875rem;
  font-weight: 500;
}

.mat-list-base[dense] .mat-list-item {
  font-size: 0.75rem;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 0.75rem;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 0.75rem;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 0.75rem;
}
.mat-list-base[dense] .mat-subheader {
  font-family: var(--xcdr-font-family);
  font-size: 0.75rem;
  font-weight: 500;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: var(--xcdr-font-family);
  font-size: 0.75rem;
}

.mat-simple-snackbar {
  font-family: var(--xcdr-font-family);
  font-size: 0.875rem;
}

.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}

.mat-table {
  font-family: var(--xcdr-font-family);
}

.mat-header-cell {
  font-size: 0.75rem;
  font-weight: 500;
}

.mat-cell, .mat-footer-cell {
  font-size: 0.875rem;
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent;
}
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: var(--primary-color);
}
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: var(--primary-color);
}
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: #f44336;
}
.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: var(--primary-color);
}
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: var(--primary-color);
}
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #f44336;
}
.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}

.mat-button-focus-overlay {
  background: black;
}

.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(0, 0, 0, 0.12);
}

.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: white;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: white;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: white;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: var(--primary-color);
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: var(--primary-color);
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: #f44336;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow: 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-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 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-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 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-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 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-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 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-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 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-datepicker-content .mat-mdc-button.mat-unthemed {
  --mdc-text-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: var(--primary-color);
}
.mat-datepicker-content .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: var(--primary-color);
}
.mat-datepicker-content .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
}
.mat-datepicker-content .mat-mdc-button[disabled][disabled] {
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-text-button-label-text-color: rgba(0, 0, 0, 0.38);
}
.mat-datepicker-content .mat-mdc-unelevated-button.mat-unthemed {
  --mdc-filled-button-container-color: #fff;
  --mdc-filled-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: var(--primary-color);
  --mdc-filled-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: var(--primary-color);
  --mdc-filled-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-datepicker-content .mat-mdc-unelevated-button[disabled][disabled] {
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-label-text-color: rgba(0, 0, 0, 0.38);
}
.mat-datepicker-content .mat-mdc-raised-button.mat-unthemed {
  --mdc-protected-button-container-color: #fff;
  --mdc-protected-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: var(--primary-color);
  --mdc-protected-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: var(--primary-color);
  --mdc-protected-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-datepicker-content .mat-mdc-raised-button[disabled][disabled] {
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation: 0;
}
.mat-datepicker-content .mat-mdc-outlined-button {
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-datepicker-content .mat-mdc-outlined-button.mat-unthemed {
  --mdc-outlined-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: var(--primary-color);
}
.mat-datepicker-content .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: var(--primary-color);
}
.mat-datepicker-content .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
}
.mat-datepicker-content .mat-mdc-outlined-button[disabled][disabled] {
  --mdc-outlined-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-datepicker-content .mat-mdc-button, .mat-datepicker-content .mat-mdc-outlined-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-datepicker-content .mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-datepicker-content .mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-button:active .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-button.mat-primary, .mat-datepicker-content .mat-mdc-outlined-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: var(--primary-color);
  --mat-mdc-button-ripple-color: rgba(var(--primary-color), 0.1);
}
.mat-datepicker-content .mat-mdc-button.mat-accent, .mat-datepicker-content .mat-mdc-outlined-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: var(--primary-color);
  --mat-mdc-button-ripple-color: rgba(var(--primary-color), 0.1);
}
.mat-datepicker-content .mat-mdc-button.mat-warn, .mat-datepicker-content .mat-mdc-outlined-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #f44336;
  --mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.mat-datepicker-content .mat-mdc-raised-button, .mat-datepicker-content .mat-mdc-unelevated-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-datepicker-content .mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-datepicker-content .mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-raised-button.mat-primary, .mat-datepicker-content .mat-mdc-unelevated-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-datepicker-content .mat-mdc-raised-button.mat-accent, .mat-datepicker-content .mat-mdc-unelevated-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-datepicker-content .mat-mdc-raised-button.mat-warn, .mat-datepicker-content .mat-mdc-unelevated-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button {
  --mdc-icon-button-icon-color: inherit;
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-datepicker-content .mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-icon-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #6200ee;
  --mat-mdc-button-ripple-color: rgba(98, 0, 238, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #018786;
  --mat-mdc-button-ripple-color: rgba(1, 135, 134, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #b00020;
  --mat-mdc-button-ripple-color: rgba(176, 0, 32, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: var(--primary-color);
  --mat-mdc-button-persistent-ripple-color: var(--primary-color);
  --mat-mdc-button-ripple-color: rgba(var(--primary-color), 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: var(--primary-color);
  --mat-mdc-button-persistent-ripple-color: var(--primary-color);
  --mat-mdc-button-ripple-color: rgba(var(--primary-color), 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
  --mat-mdc-button-persistent-ripple-color: #f44336;
  --mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button[disabled][disabled] {
  --mdc-icon-button-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
}

.mat-datepicker-content .mat-mdc-button.mat-mdc-button-base,
.mat-datepicker-content .mat-mdc-raised-button.mat-mdc-button-base,
.mat-datepicker-content .mat-mdc-unelevated-button.mat-mdc-button-base,
.mat-datepicker-content .mat-mdc-outlined-button.mat-mdc-button-base {
  height: 36px;
}
.mat-datepicker-content .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

.mat-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--primary-color);
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--primary-color);
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336;
}

.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}

.mat-pseudo-checkbox-full {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: var(--primary-color);
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: var(--primary-color);
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: var(--primary-color);
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: var(--primary-color);
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: var(--primary-color);
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: var(--primary-color);
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #f44336;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #f44336;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #b0b0b0;
}
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #b0b0b0;
}

.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}

.mat-elevation-z0 {
  box-shadow: 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-elevation-z1 {
  box-shadow: 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-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3 {
  box-shadow: 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-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6 {
  box-shadow: 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-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8 {
  box-shadow: 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-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12 {
  box-shadow: 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-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-theme-loaded-marker {
  display: none;
}

.mat-card {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 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-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 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-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}

.mat-progress-bar-background {
  fill: #d3e8c5;
}

.mat-progress-bar-buffer {
  background-color: #d3e8c5;
}

.mat-progress-bar-fill::after {
  background-color: var(--primary-color);
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #d3e8c5;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #d3e8c5;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: var(--primary-color);
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #f9ccc9;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #f9ccc9;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336;
}

.mat-progress-spinner circle, .mat-spinner circle {
  stroke: var(--primary-color);
}
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: var(--primary-color);
}
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #f44336;
}

.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}

.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}

.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}

.mat-input-element {
  caret-color: var(--primary-color);
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-form-field.mat-accent .mat-input-element {
  caret-color: var(--primary-color);
}

.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #f44336;
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #f44336;
}

.mat-form-field-disabled .mat-form-field-prefix,
.mat-form-field-disabled .mat-form-field-suffix {
  color: rgba(0, 0, 0, 0.38);
}

.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}

.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}

.mat-form-field.mat-focused .mat-form-field-label {
  color: var(--primary-color);
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: var(--primary-color);
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336;
}

.mat-focused .mat-form-field-required-marker {
  color: var(--primary-color);
}

.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}

.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: var(--primary-color);
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: var(--primary-color);
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #f44336;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: var(--primary-color);
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: var(--primary-color);
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #f44336;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336;
}

.mat-error {
  color: #f44336;
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}

.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: var(--primary-color);
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: var(--primary-color);
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}

.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}

.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}

.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}

.mat-select-panel {
  background: white;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: var(--primary-color);
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: var(--primary-color);
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}

.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}

.mat-checkbox-checkmark {
  fill: #fafafa;
}

.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}

.mat-checkbox-mixedmark {
  background-color: #fafafa;
}

.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: var(--primary-color);
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: var(--primary-color);
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #f44336;
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-checkbox .mat-ripple-element {
  background-color: black;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: var(--primary-color);
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: var(--primary-color);
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #f44336;
}

.mat-autocomplete-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}

.mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 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-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.mat-chip.mat-standard-chip::after {
  background: black;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: var(--primary-color);
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: var(--primary-color);
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--primary-color);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: var(--primary-color);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: var(--primary-color);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--primary-color);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: var(--primary-color);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: var(--primary-color);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, 0.54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black;
}

.mat-slide-toggle-thumb {
  box-shadow: 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);
  background-color: #fafafa;
}

.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: var(--primary-color);
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: var(--primary-color);
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: var(--primary-color);
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: var(--primary-color);
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336;
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
  background-color: black;
}

.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-primary .mat-slider-track-fill,
.mat-slider.mat-primary .mat-slider-thumb,
.mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: var(--primary-color);
}
.mat-slider.mat-primary .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-primary .mat-slider-focus-ring {
  background-color: var(--primary-color);
  opacity: 0.2;
}
.mat-slider.mat-accent .mat-slider-track-fill,
.mat-slider.mat-accent .mat-slider-thumb,
.mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: var(--primary-color);
}
.mat-slider.mat-accent .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-accent .mat-slider-focus-ring {
  background-color: var(--primary-color);
  opacity: 0.2;
}
.mat-slider.mat-warn .mat-slider-track-fill,
.mat-slider.mat-warn .mat-slider-thumb,
.mat-slider.mat-warn .mat-slider-thumb-label {
  background-color: #f44336;
}
.mat-slider.mat-warn .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-warn .mat-slider-focus-ring {
  background-color: rgba(244, 67, 54, 0.2);
}

.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-slider.mat-slider-disabled .mat-slider-track-background,
.mat-slider.mat-slider-disabled .mat-slider-track-fill,
.mat-slider.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}

.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}

.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}

.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}

.mat-menu-panel {
  background: white;
}
.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.38);
}

.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
  color: rgba(0, 0, 0, 0.54);
}

.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}
.mat-list-base .mat-list-item-disabled {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.38);
}

.mat-list-option:hover, .mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, 0.04);
}

.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, 0.12);
}

.mat-paginator {
  background: white;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}

.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-paginator-container {
  min-height: 56px;
}

.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}

.mat-tab-label, .mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-tab-group[class*=mat-background-] > .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused {
  background-color: rgba(211, 232, 197, 0.3);
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: var(--primary-color);
}
.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused {
  background-color: rgba(211, 232, 197, 0.3);
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: var(--primary-color);
}
.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336;
}
.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused {
  background-color: rgba(211, 232, 197, 0.3);
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: var(--primary-color);
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused {
  background-color: rgba(211, 232, 197, 0.3);
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: var(--primary-color);
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: #f44336;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}

.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-shadow: 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-simple-snackbar-action {
  color: var(--primary-color);
}

.mat-table {
  background: white;
}

.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit;
}

mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}

.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}

.mat-cell, .mat-footer-cell {
  color: rgba(0, 0, 0, 0.87);
}

.mat-badge {
  position: relative;
}
.mat-badge.mat-badge {
  overflow: visible;
}

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  background-color: var(--mat-badge-background-color);
  color: var(--mat-badge-text-color);
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mat-badge-text-font, Roboto, sans-serif);
  font-size: 12px;
  /* @alternate */
  font-size: var(--mat-badge-text-size, 12px);
  font-weight: 600;
  /* @alternate */
  font-weight: var(--mat-badge-text-weight, 600);
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}

.mat-badge-disabled .mat-badge-content {
  background-color: var(--mat-badge-disabled-state-background-color);
  color: var(--mat-badge-disabled-state-text-color);
}

.mat-badge-hidden .mat-badge-content {
  display: none;
}

.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}

.mat-badge-content.mat-badge-active {
  transform: none;
}

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 9px;
  /* @alternate */
  font-size: var(--mat-badge-small-size-text-size, 9px);
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 24px;
  /* @alternate */
  font-size: var(--mat-badge-large-size-text-size, 24px);
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}

html {
  --mat-badge-background-color: var(--primary-color);
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: var(--primary-color);
  --mat-badge-text-color: white;
}

.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}

html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
  --mat-standard-button-toggle-height: 48px;
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: var(--primary-color);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 0, 0, 0.26);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: var(--primary-color);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--primary-color);
  --mat-datepicker-toggle-active-state-icon-color: var(--primary-color);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--primary-color), 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: var(--primary-color);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 0, 0, 0.26);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: var(--primary-color);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--primary-color);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--primary-color), 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: var(--primary-color);
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: var(--primary-color);
}
.mat-icon.mat-accent {
  --mat-icon-color: var(--primary-color);
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}

html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: var(--primary-color);
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: var(--primary-color);
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: var(--primary-color);
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: var(--primary-color);
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: var(--primary-color);
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: var(--primary-color);
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-stepper-header-height: 72px;
}

.mat-sort-header-arrow {
  color: #757575;
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: var(--primary-color);
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: var(--primary-color);
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

.mat-tree {
  background: white;
}

.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}

.mat-tree-node {
  min-height: 48px;
}

.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: var(--primary-color);
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: var(--primary-color);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-pseudo-checkbox-full {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: var(--primary-color);
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: var(--primary-color);
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: var(--primary-color);
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: var(--primary-color);
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: var(--primary-color);
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: var(--primary-color);
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #f44336;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #f44336;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #b0b0b0;
}
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #b0b0b0;
}

.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 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-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 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-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 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-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 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-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 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-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 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-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-theme-loaded-marker {
  display: none;
}

html {
  --mat-option-label-text-font: var(--xcdr-font-family);
  --mat-option-label-text-line-height: 1.5rem;
  --mat-option-label-text-size: 1rem;
  --mat-option-label-text-tracking: normal;
  --mat-option-label-text-weight: 400;
  --mat-optgroup-label-text-font: var(--xcdr-font-family);
  --mat-optgroup-label-text-line-height: 1.5rem;
  --mat-optgroup-label-text-size: 1rem;
  --mat-optgroup-label-text-tracking: normal;
  --mat-optgroup-label-text-weight: 400;
}

.mat-mdc-card {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 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);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 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-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-title-text-font: var(--xcdr-font-family);
  --mat-card-title-text-line-height: 2rem;
  --mat-card-title-text-size: 1.25rem;
  --mat-card-title-text-tracking: normal;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: var(--xcdr-font-family);
  --mat-card-subtitle-text-line-height: 1.375rem;
  --mat-card-subtitle-text-size: 0.875rem;
  --mat-card-subtitle-text-tracking: normal;
  --mat-card-subtitle-text-weight: 500;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: var(--primary-color);
  --mdc-linear-progress-track-color: var(--primary-color);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
  background-color: var(--primary-color);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, var(--primary-color));
}
@media (forced-colors: active) {
  .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='var(--primary-color)'/%3E%3C/svg%3E");
  }
}
.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar {
  background-color: var(--primary-color);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, var(--primary-color));
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: var(--primary-color);
  --mdc-linear-progress-track-color: var(--primary-color);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
  background-color: var(--primary-color);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, var(--primary-color));
}
@media (forced-colors: active) {
  .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='var(--primary-color)'/%3E%3C/svg%3E");
  }
}
.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar {
  background-color: var(--primary-color);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, var(--primary-color));
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
  background-color: rgba(244, 67, 54, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(244, 67, 54, 0.25));
}
@media (forced-colors: active) {
  .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(244, 67, 54, 0.25)'/%3E%3C/svg%3E");
  }
}
.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar {
  background-color: rgba(244, 67, 54, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(244, 67, 54, 0.25));
}
.mat-mdc-tooltip {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
  --mdc-plain-tooltip-supporting-text-font: var(--xcdr-font-family);
  --mdc-plain-tooltip-supporting-text-size: 0.75rem;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: normal;
}

html {
  --mdc-filled-text-field-caret-color: var(--primary-color);
  --mdc-filled-text-field-focus-active-indicator-color: var(--primary-color);
  --mdc-filled-text-field-focus-label-text-color: var(--primary-color);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
  --mdc-outlined-text-field-caret-color: var(--primary-color);
  --mdc-outlined-text-field-focus-outline-color: var(--primary-color);
  --mdc-outlined-text-field-focus-label-text-color: var(--primary-color);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-form-field-error {
  color: var(--mdc-theme-error, #f44336);
}

.mat-mdc-form-field-subscript-wrapper,
.mat-mdc-form-field-bottom-align::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mat-form-field-subscript-text-font);
  line-height: var(--mat-form-field-subscript-text-line-height);
  font-size: var(--mat-form-field-subscript-text-size);
  letter-spacing: var(--mat-form-field-subscript-text-tracking);
  font-weight: var(--mat-form-field-subscript-text-weight);
}

.mat-mdc-form-field-focus-overlay {
  background-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay {
  opacity: 0.04;
}

.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
  opacity: 0.12;
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix::after {
  color: rgba(var(--primary-color), 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix::after {
  color: rgba(var(--primary-color), 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix::after {
  color: rgba(244, 67, 54, 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: var(--primary-color);
  --mdc-filled-text-field-focus-active-indicator-color: var(--primary-color);
  --mdc-filled-text-field-focus-label-text-color: var(--primary-color);
  --mdc-outlined-text-field-caret-color: var(--primary-color);
  --mdc-outlined-text-field-focus-outline-color: var(--primary-color);
  --mdc-outlined-text-field-focus-label-text-color: var(--primary-color);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
}

.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: 1px solid transparent;
}

[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: none;
  border-right: 1px solid transparent;
}

.mat-mdc-form-field-infix {
  min-height: 56px;
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 28px;
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(
          -34.75px)
          scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
  transform: var(--mat-mdc-form-field-label-transform);
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 16px;
  padding-bottom: 16px;
}

.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 24px;
  padding-bottom: 8px;
}

.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 16px;
  padding-bottom: 16px;
}

html {
  --mdc-filled-text-field-label-text-font: var(--xcdr-font-family);
  --mdc-filled-text-field-label-text-size: 1rem;
  --mdc-filled-text-field-label-text-tracking: normal;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: var(--xcdr-font-family);
  --mdc-outlined-text-field-label-text-size: 1rem;
  --mdc-outlined-text-field-label-text-tracking: normal;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: var(--xcdr-font-family);
  --mat-form-field-container-text-line-height: 1.5rem;
  --mat-form-field-container-text-size: 1rem;
  --mat-form-field-container-text-tracking: normal;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 1rem;
  --mat-form-field-subscript-text-font: var(--xcdr-font-family);
  --mat-form-field-subscript-text-line-height: 1.25rem;
  --mat-form-field-subscript-text-size: 0.75rem;
  --mat-form-field-subscript-text-tracking: normal;
  --mat-form-field-subscript-text-weight: 400;
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: var(--primary-color);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: var(--primary-color);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}

html {
  --mat-select-trigger-text-font: var(--xcdr-font-family);
  --mat-select-trigger-text-line-height: 1.5rem;
  --mat-select-trigger-text-size: 1rem;
  --mat-select-trigger-text-tracking: normal;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-background-color: white;
}

.mat-mdc-dialog-container {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
  --mdc-dialog-subhead-font: var(--xcdr-font-family);
  --mdc-dialog-subhead-line-height: 2rem;
  --mdc-dialog-subhead-size: 1.25rem;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: normal;
  --mdc-dialog-supporting-text-font: var(--xcdr-font-family);
  --mdc-dialog-supporting-text-line-height: 1.5rem;
  --mdc-dialog-supporting-text-size: 1rem;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: normal;
}

.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: var(--primary-color);
  --mdc-chip-elevated-disabled-container-color: var(--primary-color);
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: var(--primary-color);
  --mdc-chip-elevated-disabled-container-color: var(--primary-color);
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}

.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: var(--xcdr-font-family);
  --mdc-chip-label-text-line-height: 1.25rem;
  --mdc-chip-label-text-size: 0.875rem;
  --mdc-chip-label-text-tracking: normal;
  --mdc-chip-label-text-weight: 400;
}

.mat-mdc-slide-toggle {
  --mdc-switch-selected-focus-state-layer-color: #64ac39;
  --mdc-switch-selected-handle-color: #64ac39;
  --mdc-switch-selected-hover-state-layer-color: #64ac39;
  --mdc-switch-selected-pressed-state-layer-color: #64ac39;
  --mdc-switch-selected-focus-handle-color: #3d8b1b;
  --mdc-switch-selected-hover-handle-color: #3d8b1b;
  --mdc-switch-selected-pressed-handle-color: #3d8b1b;
  --mdc-switch-selected-focus-track-color: #98ca79;
  --mdc-switch-selected-hover-track-color: #98ca79;
  --mdc-switch-selected-pressed-track-color: #98ca79;
  --mdc-switch-selected-track-color: #98ca79;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 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);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 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);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
}
.mat-mdc-slide-toggle .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mat-mdc-slide-toggle .mdc-switch--disabled + label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #64ac39;
  --mdc-switch-selected-handle-color: #64ac39;
  --mdc-switch-selected-hover-state-layer-color: #64ac39;
  --mdc-switch-selected-pressed-state-layer-color: #64ac39;
  --mdc-switch-selected-focus-handle-color: #3d8b1b;
  --mdc-switch-selected-hover-handle-color: #3d8b1b;
  --mdc-switch-selected-pressed-handle-color: #3d8b1b;
  --mdc-switch-selected-focus-track-color: #98ca79;
  --mdc-switch-selected-hover-track-color: #98ca79;
  --mdc-switch-selected-pressed-track-color: #98ca79;
  --mdc-switch-selected-track-color: #98ca79;
}
.mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373;
}

.mat-mdc-slide-toggle {
  --mdc-switch-state-layer-size: 48px;
  --mat-slide-toggle-label-text-font: var(--xcdr-font-family);
  --mat-slide-toggle-label-text-size: 0.875rem;
  --mat-slide-toggle-label-text-tracking: normal;
  --mat-slide-toggle-label-text-line-height: 1.25rem;
  --mat-slide-toggle-label-text-weight: 400;
}
.mat-mdc-slide-toggle .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: 0.0178571429em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-body2-text-transform, inherit);
}

.mat-mdc-radio-button .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--primary-color);
  --mdc-radio-selected-hover-icon-color: var(--primary-color);
  --mdc-radio-selected-icon-color: var(--primary-color);
  --mdc-radio-selected-pressed-icon-color: var(--primary-color);
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: var(--primary-color);
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--primary-color);
  --mdc-radio-selected-hover-icon-color: var(--primary-color);
  --mdc-radio-selected-icon-color: var(--primary-color);
  --mdc-radio-selected-pressed-icon-color: var(--primary-color);
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: var(--primary-color);
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-radio-button .mdc-radio {
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-radio-button .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, var(--xcdr-font-family)));
  font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: var(--mdc-typography-body2-letter-spacing, normal);
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: var(--mdc-typography-body2-text-transform, none);
}

.mat-mdc-slider {
  --mdc-slider-label-container-color: black;
  --mdc-slider-label-label-text-color: white;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mat-mdc-slider-value-indicator-opacity: 0.6;
}
.mat-mdc-slider.mat-primary {
  --mdc-slider-handle-color: var(--primary-color);
  --mdc-slider-focus-handle-color: var(--primary-color);
  --mdc-slider-hover-handle-color: var(--primary-color);
  --mdc-slider-active-track-color: var(--primary-color);
  --mdc-slider-inactive-track-color: var(--primary-color);
  --mdc-slider-with-tick-marks-active-container-color: #000;
  --mdc-slider-with-tick-marks-inactive-container-color: var(--primary-color);
  --mat-mdc-slider-ripple-color: var(--primary-color);
  --mat-mdc-slider-hover-ripple-color: rgba(var(--primary-color), 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(var(--primary-color), 0.2);
}
.mat-mdc-slider.mat-accent {
  --mdc-slider-handle-color: var(--primary-color);
  --mdc-slider-focus-handle-color: var(--primary-color);
  --mdc-slider-hover-handle-color: var(--primary-color);
  --mdc-slider-active-track-color: var(--primary-color);
  --mdc-slider-inactive-track-color: var(--primary-color);
  --mdc-slider-with-tick-marks-active-container-color: #000;
  --mdc-slider-with-tick-marks-inactive-container-color: var(--primary-color);
  --mat-mdc-slider-ripple-color: var(--primary-color);
  --mat-mdc-slider-hover-ripple-color: rgba(var(--primary-color), 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(var(--primary-color), 0.2);
}
.mat-mdc-slider.mat-warn {
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mat-mdc-slider-ripple-color: #f44336;
  --mat-mdc-slider-hover-ripple-color: rgba(244, 67, 54, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(244, 67, 54, 0.2);
}

.mat-mdc-slider {
  --mdc-slider-label-label-text-font: var(--xcdr-font-family);
  --mdc-slider-label-label-text-size: 0.875rem;
  --mdc-slider-label-label-text-line-height: 1.375rem;
  --mdc-slider-label-label-text-tracking: normal;
  --mdc-slider-label-label-text-weight: 500;
}

html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-item-label-text-font: var(--xcdr-font-family);
  --mat-menu-item-label-text-size: 1rem;
  --mat-menu-item-label-text-tracking: normal;
  --mat-menu-item-label-text-line-height: 1.5rem;
  --mat-menu-item-label-text-weight: 400;
}

.mat-mdc-list-base {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--primary-color);
  --mdc-radio-selected-hover-icon-color: var(--primary-color);
  --mdc-radio-selected-icon-color: var(--primary-color);
  --mdc-radio-selected-pressed-icon-color: var(--primary-color);
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--primary-color);
  --mdc-radio-selected-hover-icon-color: var(--primary-color);
  --mdc-radio-selected-icon-color: var(--primary-color);
  --mdc-radio-selected-pressed-icon-color: var(--primary-color);
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #000;
  --mdc-checkbox-selected-focus-icon-color: var(--primary-color);
  --mdc-checkbox-selected-hover-icon-color: var(--primary-color);
  --mdc-checkbox-selected-icon-color: var(--primary-color);
  --mdc-checkbox-selected-pressed-icon-color: var(--primary-color);
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--primary-color);
  --mdc-checkbox-selected-hover-state-layer-color: var(--primary-color);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--primary-color);
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #000;
  --mdc-checkbox-selected-focus-icon-color: var(--primary-color);
  --mdc-checkbox-selected-hover-icon-color: var(--primary-color);
  --mdc-checkbox-selected-icon-color: var(--primary-color);
  --mdc-checkbox-selected-pressed-icon-color: var(--primary-color);
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--primary-color);
  --mdc-checkbox-selected-hover-state-layer-color: var(--primary-color);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--primary-color);
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: var(--primary-color);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: var(--primary-color);
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

.mat-mdc-list-base {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

.mat-mdc-list-base {
  --mdc-list-list-item-label-text-font: var(--xcdr-font-family);
  --mdc-list-list-item-label-text-line-height: 1.5rem;
  --mdc-list-list-item-label-text-size: 1rem;
  --mdc-list-list-item-label-text-tracking: normal;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: var(--xcdr-font-family);
  --mdc-list-list-item-supporting-text-line-height: 1.25rem;
  --mdc-list-list-item-supporting-text-size: 0.875rem;
  --mdc-list-list-item-supporting-text-tracking: normal;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: var(--xcdr-font-family);
  --mdc-list-list-item-trailing-supporting-text-line-height: 1.25rem;
  --mdc-list-list-item-trailing-supporting-text-size: 0.75rem;
  --mdc-list-list-item-trailing-supporting-text-tracking: normal;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}

.mdc-list-group__subheader {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75rem;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
  --mat-paginator-container-size: 56px;
}

.mat-mdc-paginator .mat-mdc-form-field-infix {
  min-height: 40px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 20px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(
          -26.75px)
          scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
  transform: var(--mat-mdc-form-field-label-transform);
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
  display: none;
}

html {
  --mat-paginator-container-text-font: var(--xcdr-font-family);
  --mat-paginator-container-text-line-height: 1.25rem;
  --mat-paginator-container-text-size: 0.75rem;
  --mat-paginator-container-text-tracking: normal;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 0.75rem;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: var(--primary-color);
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: var(--primary-color);
  --mat-tab-header-active-ripple-color: var(--primary-color);
  --mat-tab-header-inactive-ripple-color: var(--primary-color);
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: var(--primary-color);
  --mat-tab-header-active-hover-label-text-color: var(--primary-color);
  --mat-tab-header-active-focus-indicator-color: var(--primary-color);
  --mat-tab-header-active-hover-indicator-color: var(--primary-color);
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: var(--primary-color);
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: var(--primary-color);
  --mat-tab-header-active-ripple-color: var(--primary-color);
  --mat-tab-header-inactive-ripple-color: var(--primary-color);
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: var(--primary-color);
  --mat-tab-header-active-hover-label-text-color: var(--primary-color);
  --mat-tab-header-active-focus-indicator-color: var(--primary-color);
  --mat-tab-header-active-hover-indicator-color: var(--primary-color);
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: var(--primary-color);
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: var(--primary-color);
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-label-text-font: var(--xcdr-font-family);
  --mat-tab-header-label-text-size: 0.875rem;
  --mat-tab-header-label-text-tracking: normal;
  --mat-tab-header-label-text-line-height: 0.875rem;
  --mat-tab-header-label-text-weight: 500;
}

html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #000;
  --mdc-checkbox-selected-focus-icon-color: var(--primary-color);
  --mdc-checkbox-selected-hover-icon-color: var(--primary-color);
  --mdc-checkbox-selected-icon-color: var(--primary-color);
  --mdc-checkbox-selected-pressed-icon-color: var(--primary-color);
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--primary-color);
  --mdc-checkbox-selected-hover-state-layer-color: var(--primary-color);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--primary-color);
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #000;
  --mdc-checkbox-selected-focus-icon-color: var(--primary-color);
  --mdc-checkbox-selected-hover-icon-color: var(--primary-color);
  --mdc-checkbox-selected-icon-color: var(--primary-color);
  --mdc-checkbox-selected-pressed-icon-color: var(--primary-color);
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--primary-color);
  --mdc-checkbox-selected-hover-state-layer-color: var(--primary-color);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--primary-color);
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
  color: rgba(0, 0, 0, 0.38);
}

html {
  --mdc-checkbox-state-layer-size: 40px;
}

.mat-mdc-checkbox .mdc-form-field {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, var(--xcdr-font-family)));
  font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: var(--mdc-typography-body2-letter-spacing, normal);
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: var(--mdc-typography-body2-text-transform, none);
}

.mat-mdc-button.mat-unthemed {
  --mdc-text-button-label-text-color: #000;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: var(--primary-color);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: var(--primary-color);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
}
.mat-mdc-button[disabled][disabled] {
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-text-button-label-text-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-unelevated-button.mat-unthemed {
  --mdc-filled-button-container-color: #fff;
  --mdc-filled-button-label-text-color: #000;
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: var(--primary-color);
  --mdc-filled-button-label-text-color: #000;
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: var(--primary-color);
  --mdc-filled-button-label-text-color: #000;
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-mdc-unelevated-button[disabled][disabled] {
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-label-text-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-raised-button.mat-unthemed {
  --mdc-protected-button-container-color: #fff;
  --mdc-protected-button-label-text-color: #000;
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: var(--primary-color);
  --mdc-protected-button-label-text-color: #000;
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: var(--primary-color);
  --mdc-protected-button-label-text-color: #000;
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-mdc-raised-button[disabled][disabled] {
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation: 0;
}

.mat-mdc-outlined-button {
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-unthemed {
  --mdc-outlined-button-label-text-color: #000;
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: var(--primary-color);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: var(--primary-color);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
}
.mat-mdc-outlined-button[disabled][disabled] {
  --mdc-outlined-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
}

.mat-mdc-button, .mat-mdc-outlined-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-button:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-button.mat-primary, .mat-mdc-outlined-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: var(--primary-color);
  --mat-mdc-button-ripple-color: rgba(var(--primary-color), 0.1);
}
.mat-mdc-button.mat-accent, .mat-mdc-outlined-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: var(--primary-color);
  --mat-mdc-button-ripple-color: rgba(var(--primary-color), 0.1);
}
.mat-mdc-button.mat-warn, .mat-mdc-outlined-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #f44336;
  --mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1);
}

.mat-mdc-raised-button, .mat-mdc-unelevated-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-raised-button.mat-primary, .mat-mdc-unelevated-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button.mat-accent, .mat-mdc-unelevated-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button.mat-warn, .mat-mdc-unelevated-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-button.mat-mdc-button-base,
.mat-mdc-raised-button.mat-mdc-button-base,
.mat-mdc-unelevated-button.mat-mdc-button-base,
.mat-mdc-outlined-button.mat-mdc-button-base {
  height: 36px;
}

.mdc-button {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, var(--xcdr-font-family)));
  font-size: var(--mdc-typography-button-font-size, 0.875rem);
  line-height: var(--mdc-typography-button-line-height, 0.875rem);
  font-weight: var(--mdc-typography-button-font-weight, 500);
  letter-spacing: var(--mdc-typography-button-letter-spacing, normal);
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
          text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: var(--mdc-typography-button-text-transform, none);
}

.mat-mdc-icon-button {
  --mdc-icon-button-icon-color: inherit;
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-icon-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #6200ee;
  --mat-mdc-button-ripple-color: rgba(98, 0, 238, 0.1);
}
.mat-mdc-icon-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #018786;
  --mat-mdc-button-ripple-color: rgba(1, 135, 134, 0.1);
}
.mat-mdc-icon-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #b00020;
  --mat-mdc-button-ripple-color: rgba(176, 0, 32, 0.1);
}
.mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: var(--primary-color);
  --mat-mdc-button-persistent-ripple-color: var(--primary-color);
  --mat-mdc-button-ripple-color: rgba(var(--primary-color), 0.1);
}
.mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: var(--primary-color);
  --mat-mdc-button-persistent-ripple-color: var(--primary-color);
  --mat-mdc-button-ripple-color: rgba(var(--primary-color), 0.1);
}
.mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
  --mat-mdc-button-persistent-ripple-color: #f44336;
  --mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.mat-mdc-icon-button[disabled][disabled] {
  --mdc-icon-button-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

.mat-mdc-fab,
.mat-mdc-mini-fab {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-fab:active .mat-mdc-button-persistent-ripple::before,
.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-fab[disabled][disabled],
.mat-mdc-mini-fab[disabled][disabled] {
  --mdc-fab-container-color: rgba(0, 0, 0, 0.12);
  --mdc-fab-icon-color: rgba(0, 0, 0, 0.38);
  --mat-mdc-fab-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-fab.mat-unthemed,
.mat-mdc-mini-fab.mat-unthemed {
  --mdc-fab-container-color: white;
  --mdc-fab-icon-color: black;
  --mat-mdc-fab-color: #000;
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mdc-fab-container-color: var(--primary-color);
  --mdc-fab-icon-color: black;
  --mat-mdc-fab-color: #000;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mdc-fab-container-color: var(--primary-color);
  --mdc-fab-icon-color: black;
  --mat-mdc-fab-color: #000;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}

.mdc-fab--extended {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, var(--xcdr-font-family)));
  font-size: var(--mdc-typography-button-font-size, 0.875rem);
  line-height: var(--mdc-typography-button-line-height, 0.875rem);
  font-weight: var(--mdc-typography-button-font-weight, 500);
  letter-spacing: var(--mdc-typography-button-letter-spacing, normal);
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
          text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: var(--mdc-typography-button-text-transform, none);
}
.mat-mdc-extended-fab {
  --mdc-extended-fab-label-text-font: var(--xcdr-font-family);
  --mdc-extended-fab-label-text-size: 0.875rem;
  --mdc-extended-fab-label-text-tracking: normal;
  --mdc-extended-fab-label-text-weight: 500;
}

.mat-mdc-snack-bar-container {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: var(--primary-color);
  --mdc-snackbar-supporting-text-font: var(--xcdr-font-family);
  --mdc-snackbar-supporting-text-line-height: 1.25rem;
  --mdc-snackbar-supporting-text-size: 0.875rem;
  --mdc-snackbar-supporting-text-weight: 400;
}

html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-header-headline-font: var(--xcdr-font-family);
  --mat-table-header-headline-line-height: 1.375rem;
  --mat-table-header-headline-size: 0.875rem;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: normal;
  --mat-table-row-item-label-text-font: var(--xcdr-font-family);
  --mat-table-row-item-label-text-line-height: 1.25rem;
  --mat-table-row-item-label-text-size: 0.875rem;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: normal;
  --mat-table-footer-supporting-text-font: var(--xcdr-font-family);
  --mat-table-footer-supporting-text-line-height: 1.25rem;
  --mat-table-footer-supporting-text-size: 0.875rem;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: normal;
}

.mat-mdc-progress-spinner {
  --mdc-circular-progress-active-indicator-color: var(--primary-color);
}
.mat-mdc-progress-spinner.mat-accent {
  --mdc-circular-progress-active-indicator-color: var(--primary-color);
}
.mat-mdc-progress-spinner.mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}

html {
  --mat-badge-background-color: var(--primary-color);
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: var(--primary-color);
  --mat-badge-text-color: white;
}

.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}

html {
  --mat-badge-text-font: var(--xcdr-font-family);
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
  --mat-bottom-sheet-container-text-font: var(--xcdr-font-family);
  --mat-bottom-sheet-container-text-line-height: 1.25rem;
  --mat-bottom-sheet-container-text-size: 0.875rem;
  --mat-bottom-sheet-container-text-tracking: normal;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
  --mat-standard-button-toggle-height: 48px;
  --mat-legacy-button-toggle-text-font: var(--xcdr-font-family);
  --mat-standard-button-toggle-text-font: var(--xcdr-font-family);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: var(--primary-color);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 0, 0, 0.26);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: var(--primary-color);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--primary-color);
  --mat-datepicker-toggle-active-state-icon-color: var(--primary-color);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--primary-color), 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: var(--primary-color);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 0, 0, 0.26);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: var(--primary-color);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--primary-color);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--primary-color), 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: var(--primary-color);
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}

html {
  --mat-datepicker-calendar-text-font: var(--xcdr-font-family);
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 0.875rem;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 0.875rem;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
  --mat-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-expansion-header-text-font: var(--xcdr-font-family);
  --mat-expansion-header-text-size: 0.875rem;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: var(--xcdr-font-family);
  --mat-expansion-container-text-line-height: 1.25rem;
  --mat-expansion-container-text-size: 0.875rem;
  --mat-expansion-container-text-tracking: normal;
  --mat-expansion-container-text-weight: 400;
  --mat-grid-list-tile-header-primary-text-size: 0.875rem;
  --mat-grid-list-tile-header-secondary-text-size: 0.75rem;
  --mat-grid-list-tile-footer-primary-text-size: 0.875rem;
  --mat-grid-list-tile-footer-secondary-text-size: 0.75rem;
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: var(--primary-color);
}
.mat-icon.mat-accent {
  --mat-icon-color: var(--primary-color);
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}

html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: var(--primary-color);
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: var(--primary-color);
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: var(--primary-color);
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: var(--primary-color);
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: var(--primary-color);
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: var(--primary-color);
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: var(--xcdr-font-family);
  --mat-stepper-header-label-text-font: var(--xcdr-font-family);
  --mat-stepper-header-label-text-size: 0.875rem;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 1rem;
  --mat-stepper-header-selected-state-label-text-size: 1rem;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}

.mat-sort-header-arrow {
  color: #757575;
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: var(--primary-color);
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: var(--primary-color);
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: var(--xcdr-font-family);
  --mat-toolbar-title-text-line-height: 2rem;
  --mat-toolbar-title-text-size: 1.25rem;
  --mat-toolbar-title-text-tracking: normal;
  --mat-toolbar-title-text-weight: 500;
}

.mat-tree {
  background: white;
}

.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}

.mat-tree-node {
  min-height: 48px;
}

.mat-tree {
  font-family: var(--xcdr-font-family);
}

.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 0.875rem;
}

.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75rem;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(0.875rem * 0.83) / 1.25rem var(--xcdr-font-family);
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(0.875rem * 0.67) / 1.25rem var(--xcdr-font-family);
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
}

.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.25rem;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
}

.mat-headline-1,
.mat-typography .mat-headline-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 6rem;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
  margin: 0 0 56px;
}

.mat-headline-2,
.mat-typography .mat-headline-2 {
  font-size: 3.75rem;
  font-weight: 300;
  line-height: 3.75rem;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-headline-3,
.mat-typography .mat-headline-3 {
  font-size: 3rem;
  font-weight: 400;
  line-height: 3.125rem;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-headline-4,
.mat-typography .mat-headline-4 {
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 2.5rem;
  font-family: var(--xcdr-font-family);
  letter-spacing: normal;
  margin: 0 0 64px;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@angular/cdk/overlay-prebuilt.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/app/theme/styles/styles.scss?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
.tw-pointer-events-none{
  pointer-events: none;
}
.tw-fixed{
  position: fixed;
}
.\!tw-absolute{
  position: absolute !important;
}
.tw-absolute{
  position: absolute;
}
.tw-relative{
  position: relative;
}
.tw-sticky{
  position: -webkit-sticky;
  position: sticky;
}
.tw-inset-0{
  inset: 0px;
}
.\!tw-top-\[-0\.313rem\]{
  top: -0.313rem !important;
}
.-tw-bottom-5{
  bottom: -1.25rem;
}
.tw-bottom-0{
  bottom: 0px;
}
.tw-bottom-8{
  bottom: 2rem;
}
.tw-end-\[3\.5rem\]{
  inset-inline-end: 3.5rem;
}
.tw-left-0{
  left: 0px;
}
.tw-left-10{
  left: 2.5rem;
}
.tw-left-12{
  left: 3rem;
}
.tw-left-2{
  left: 0.5rem;
}
.tw-left-3{
  left: 0.75rem;
}
.tw-left-6{
  left: 1.5rem;
}
.tw-left-\[-0\.313rem\]{
  left: -0.313rem;
}
.tw-left-\[-0\.563rem\]{
  left: -0.563rem;
}
.tw-left-\[0\.125rem\]{
  left: 0.125rem;
}
.tw-left-\[0\]{
  left: 0;
}
.tw-left-\[13\.75rem\]{
  left: 13.75rem;
}
.tw-left-\[2rem\]{
  left: 2rem;
}
.tw-left-\[3\.75rem\]{
  left: 3.75rem;
}
.tw-left-\[8\.75rem\]{
  left: 8.75rem;
}
.tw-left-\[98\.4\%\]{
  left: 98.4%;
}
.tw-right-0{
  right: 0px;
}
.tw-right-1{
  right: 0.25rem;
}
.tw-right-2{
  right: 0.5rem;
}
.tw-right-3{
  right: 0.75rem;
}
.tw-right-4{
  right: 1rem;
}
.tw-right-6{
  right: 1.5rem;
}
.tw-right-8{
  right: 2rem;
}
.tw-right-\[-0\.313rem\]{
  right: -0.313rem;
}
.tw-right-\[1\.5rem\]{
  right: 1.5rem;
}
.tw-right-\[43\%\]{
  right: 43%;
}
.tw-top-0{
  top: 0px;
}
.tw-top-1{
  top: 0.25rem;
}
.tw-top-1\/2{
  top: 50%;
}
.tw-top-12{
  top: 3rem;
}
.tw-top-2{
  top: 0.5rem;
}
.tw-top-3{
  top: 0.75rem;
}
.tw-top-4{
  top: 1rem;
}
.tw-top-6{
  top: 1.5rem;
}
.tw-top-8{
  top: 2rem;
}
.tw-top-\[-0\.281rem\]{
  top: -0.281rem;
}
.tw-top-\[-0\.313rem\]{
  top: -0.313rem;
}
.tw-top-\[-0\.438rem\]{
  top: -0.438rem;
}
.tw-top-\[0\.125rem\]{
  top: 0.125rem;
}
.tw-top-\[0\.313rem\]{
  top: 0.313rem;
}
.tw-top-\[0\.625rem\]{
  top: 0.625rem;
}
.tw-top-\[1\.5rem\]{
  top: 1.5rem;
}
.tw-top-\[10\.5rem\]{
  top: 10.5rem;
}
.tw-top-\[15\.875rem\]{
  top: 15.875rem;
}
.tw-top-\[24px\]{
  top: 24px;
}
.tw-top-\[4\.75rem\]{
  top: 4.75rem;
}
.tw-top-\[9\.25rem\]{
  top: 9.25rem;
}
.tw-isolate{
  isolation: isolate;
}
.\!tw-z-10{
  z-index: 10 !important;
}
.tw-z-0{
  z-index: 0;
}
.tw-z-10{
  z-index: 10;
}
.tw-z-20{
  z-index: 20;
}
.tw-z-40{
  z-index: 40;
}
.tw-z-50{
  z-index: 50;
}
.tw-z-\[9999\]{
  z-index: 9999;
}
.tw-order-1{
  order: 1;
}
.tw-order-2{
  order: 2;
}
.tw-col-span-1{
  grid-column: span 1 / span 1;
}
.tw-col-span-12{
  grid-column: span 12 / span 12;
}
.tw-col-span-2{
  grid-column: span 2 / span 2;
}
.tw-col-span-8{
  grid-column: span 8 / span 8;
}
.tw-col-span-full{
  grid-column: 1 / -1;
}
.tw-float-right{
  float: right;
}
.tw-float-left{
  float: left;
}
.\!tw-m-0{
  margin: 0px !important;
}
.\!tw-m-auto{
  margin: auto !important;
}
.tw--m-\[0\.125rem\]{
  margin: -0.125rem;
}
.tw-m-0{
  margin: 0px;
}
.tw-m-10{
  margin: 2.5rem;
}
.tw-m-3{
  margin: 0.75rem;
}
.tw-m-\[0\.5rem\]{
  margin: 0.5rem;
}
.tw-m-auto{
  margin: auto;
}
.\!tw-mx-2{
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.\!tw-my-4{
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.-tw-mx-3{
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.tw-mx-0{
  margin-left: 0px;
  margin-right: 0px;
}
.tw-mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.tw-mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.tw-mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}
.tw-mx-6{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.tw-mx-\[0\.625rem\]{
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
.tw-mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.tw-my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}
.tw-my-1\.5{
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}
.tw-my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.tw-my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.tw-my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.tw-my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.tw-my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.tw-my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.tw-my-\[0\.5rem\]{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.tw-my-\[0\.625rem\]{
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.tw-my-\[1\.5rem\]{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.tw-my-auto{
  margin-top: auto;
  margin-bottom: auto;
}
.tw-my-px{
  margin-top: 1px;
  margin-bottom: 1px;
}
.\!tw-mb-0{
  margin-bottom: 0px !important;
}
.\!tw-mb-10{
  margin-bottom: 2.5rem !important;
}
.\!tw-mb-8{
  margin-bottom: 2rem !important;
}
.\!tw-mb-9{
  margin-bottom: 2.25rem !important;
}
.\!tw-mb-\[1rem\]{
  margin-bottom: 1rem !important;
}
.\!tw-ml-0{
  margin-left: 0px !important;
}
.\!tw-ml-4{
  margin-left: 1rem !important;
}
.\!tw-ml-8{
  margin-left: 2rem !important;
}
.\!tw-ml-\[-0\.625rem\]{
  margin-left: -0.625rem !important;
}
.\!tw-mr-0{
  margin-right: 0px !important;
}
.\!tw-ms-0{
  -webkit-margin-start: 0px !important;
          margin-inline-start: 0px !important;
}
.\!tw-ms-auto{
  -webkit-margin-start: auto !important;
          margin-inline-start: auto !important;
}
.\!tw-mt-0{
  margin-top: 0px !important;
}
.\!tw-mt-2{
  margin-top: 0.5rem !important;
}
.\!tw-mt-3{
  margin-top: 0.75rem !important;
}
.\!tw-mt-\[0\.75rem\]{
  margin-top: 0.75rem !important;
}
.\!tw-mt-\[1\.5rem\]{
  margin-top: 1.5rem !important;
}
.\!tw-mt-\[1rem\]{
  margin-top: 1rem !important;
}
.\!tw-mt-\[3rem\]{
  margin-top: 3rem !important;
}
.-tw-ml-2{
  margin-left: -0.5rem;
}
.-tw-mr-1{
  margin-right: -0.25rem;
}
.-tw-mr-2{
  margin-right: -0.5rem;
}
.-tw-mt-6{
  margin-top: -1.5rem;
}
.tw--mt-2{
  margin-top: -0.5rem;
}
.tw-mb-0{
  margin-bottom: 0px;
}
.tw-mb-1{
  margin-bottom: 0.25rem;
}
.tw-mb-1\.5{
  margin-bottom: 0.375rem;
}
.tw-mb-10{
  margin-bottom: 2.5rem;
}
.tw-mb-12{
  margin-bottom: 3rem;
}
.tw-mb-14{
  margin-bottom: 3.5rem;
}
.tw-mb-2{
  margin-bottom: 0.5rem;
}
.tw-mb-3{
  margin-bottom: 0.75rem;
}
.tw-mb-4{
  margin-bottom: 1rem;
}
.tw-mb-5{
  margin-bottom: 1.25rem;
}
.tw-mb-6{
  margin-bottom: 1.5rem;
}
.tw-mb-7{
  margin-bottom: 1.75rem;
}
.tw-mb-8{
  margin-bottom: 2rem;
}
.tw-mb-\[-2\%\]{
  margin-bottom: -2%;
}
.tw-mb-\[0\.75rem\]{
  margin-bottom: 0.75rem;
}
.tw-mb-\[0\.938rem\]{
  margin-bottom: 0.938rem;
}
.tw-mb-\[1\.25rem\]{
  margin-bottom: 1.25rem;
}
.tw-mb-\[1\.5rem\]{
  margin-bottom: 1.5rem;
}
.tw-mb-\[1rem\]{
  margin-bottom: 1rem;
}
.tw-mb-\[2\.5rem\]{
  margin-bottom: 2.5rem;
}
.tw-mb-\[2rem\]{
  margin-bottom: 2rem;
}
.tw-mb-\[3rem\]{
  margin-bottom: 3rem;
}
.tw-me-1{
  -webkit-margin-end: 0.25rem;
          margin-inline-end: 0.25rem;
}
.tw-me-3{
  -webkit-margin-end: 0.75rem;
          margin-inline-end: 0.75rem;
}
.tw-me-6{
  -webkit-margin-end: 1.5rem;
          margin-inline-end: 1.5rem;
}
.tw-me-\[0\.313rem\]{
  -webkit-margin-end: 0.313rem;
          margin-inline-end: 0.313rem;
}
.tw-me-\[10rem\]{
  -webkit-margin-end: 10rem;
          margin-inline-end: 10rem;
}
.tw-me-\[7\.5rem\]{
  -webkit-margin-end: 7.5rem;
          margin-inline-end: 7.5rem;
}
.tw-ml-1{
  margin-left: 0.25rem;
}
.tw-ml-1\.5{
  margin-left: 0.375rem;
}
.tw-ml-16{
  margin-left: 4rem;
}
.tw-ml-2{
  margin-left: 0.5rem;
}
.tw-ml-3{
  margin-left: 0.75rem;
}
.tw-ml-4{
  margin-left: 1rem;
}
.tw-ml-6{
  margin-left: 1.5rem;
}
.tw-ml-8{
  margin-left: 2rem;
}
.tw-ml-\[0\.125rem\]{
  margin-left: 0.125rem;
}
.tw-ml-auto{
  margin-left: auto;
}
.tw-ml-px{
  margin-left: 1px;
}
.tw-mr-0{
  margin-right: 0px;
}
.tw-mr-1{
  margin-right: 0.25rem;
}
.tw-mr-1\.5{
  margin-right: 0.375rem;
}
.tw-mr-2{
  margin-right: 0.5rem;
}
.tw-mr-3{
  margin-right: 0.75rem;
}
.tw-mr-4{
  margin-right: 1rem;
}
.tw-mr-6{
  margin-right: 1.5rem;
}
.tw-mr-8{
  margin-right: 2rem;
}
.tw-mr-\[0\.875rem\]{
  margin-right: 0.875rem;
}
.tw-ms-2{
  -webkit-margin-start: 0.5rem;
          margin-inline-start: 0.5rem;
}
.tw-ms-3{
  -webkit-margin-start: 0.75rem;
          margin-inline-start: 0.75rem;
}
.tw-ms-4{
  -webkit-margin-start: 1rem;
          margin-inline-start: 1rem;
}
.tw-ms-6{
  -webkit-margin-start: 1.5rem;
          margin-inline-start: 1.5rem;
}
.tw-ms-\[0\.313rem\]{
  -webkit-margin-start: 0.313rem;
          margin-inline-start: 0.313rem;
}
.tw-ms-\[0\.5rem\]{
  -webkit-margin-start: 0.5rem;
          margin-inline-start: 0.5rem;
}
.tw-ms-\[10rem\]{
  -webkit-margin-start: 10rem;
          margin-inline-start: 10rem;
}
.tw-ms-\[7\.5rem\]{
  -webkit-margin-start: 7.5rem;
          margin-inline-start: 7.5rem;
}
.tw-ms-\[8px\]{
  -webkit-margin-start: 8px;
          margin-inline-start: 8px;
}
.tw-mt-0{
  margin-top: 0px;
}
.tw-mt-0\.5{
  margin-top: 0.125rem;
}
.tw-mt-1{
  margin-top: 0.25rem;
}
.tw-mt-1\.5{
  margin-top: 0.375rem;
}
.tw-mt-10{
  margin-top: 2.5rem;
}
.tw-mt-12{
  margin-top: 3rem;
}
.tw-mt-16{
  margin-top: 4rem;
}
.tw-mt-2{
  margin-top: 0.5rem;
}
.tw-mt-2\.5{
  margin-top: 0.625rem;
}
.tw-mt-3{
  margin-top: 0.75rem;
}
.tw-mt-4{
  margin-top: 1rem;
}
.tw-mt-5{
  margin-top: 1.25rem;
}
.tw-mt-6{
  margin-top: 1.5rem;
}
.tw-mt-7{
  margin-top: 1.75rem;
}
.tw-mt-8{
  margin-top: 2rem;
}
.tw-mt-\[-0\.5rem\]{
  margin-top: -0.5rem;
}
.tw-mt-\[-1\.875rem\]{
  margin-top: -1.875rem;
}
.tw-mt-\[0\.125rem\]{
  margin-top: 0.125rem;
}
.tw-mt-\[0\.1875rem\]{
  margin-top: 0.1875rem;
}
.tw-mt-\[0\.3125rem\]{
  margin-top: 0.3125rem;
}
.tw-mt-\[0\.625rem\]{
  margin-top: 0.625rem;
}
.tw-mt-\[0\.75rem\]{
  margin-top: 0.75rem;
}
.tw-mt-\[1\.25rem\]{
  margin-top: 1.25rem;
}
.tw-mt-\[1\.5rem\]{
  margin-top: 1.5rem;
}
.tw-mt-\[12\.5rem\]{
  margin-top: 12.5rem;
}
.tw-mt-\[12px\]{
  margin-top: 12px;
}
.tw-mt-\[1rem\]{
  margin-top: 1rem;
}
.tw-mt-\[2rem\]{
  margin-top: 2rem;
}
.tw-mt-\[3\.438rem\]{
  margin-top: 3.438rem;
}
.tw-mt-\[32px\]{
  margin-top: 32px;
}
.tw-mt-\[3rem\]{
  margin-top: 3rem;
}
.tw-mt-\[48px\]{
  margin-top: 48px;
}
.tw-mt-\[5rem\]{
  margin-top: 5rem;
}
.tw-mt-\[9\.375rem\]{
  margin-top: 9.375rem;
}
.tw-mt-px{
  margin-top: 1px;
}
.tw-box-border{
  box-sizing: border-box;
}
.tw-line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.tw-line-clamp-3{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.\!tw-block{
  display: block !important;
}
.tw-block{
  display: block;
}
.tw-inline-block{
  display: inline-block;
}
.\!tw-inline{
  display: inline !important;
}
.tw-inline{
  display: inline;
}
.\!tw-flex{
  display: flex !important;
}
.tw-flex{
  display: flex;
}
.tw-inline-flex{
  display: inline-flex;
}
.tw-grid{
  display: grid;
}
.tw-contents{
  display: contents;
}
.\!tw-hidden{
  display: none !important;
}
.tw-hidden{
  display: none;
}
.tw-aspect-\[0\.32\]{
  aspect-ratio: 0.32;
}
.tw-aspect-\[0\.44\]{
  aspect-ratio: 0.44;
}
.tw-aspect-\[1\.26\]{
  aspect-ratio: 1.26;
}
.tw-aspect-\[1\.33\]{
  aspect-ratio: 1.33;
}
.tw-aspect-\[1\.34\]{
  aspect-ratio: 1.34;
}
.tw-aspect-\[2\.02\]{
  aspect-ratio: 2.02;
}
.tw-aspect-square{
  aspect-ratio: 1 / 1;
}
.tw-size-full{
  width: 100%;
  height: 100%;
}
.\!tw-h-10{
  height: 2.5rem !important;
}
.\!tw-h-12{
  height: 3rem !important;
}
.\!tw-h-6{
  height: 1.5rem !important;
}
.\!tw-h-\[1\.125rem\]{
  height: 1.125rem !important;
}
.\!tw-h-\[1\.25rem\]{
  height: 1.25rem !important;
}
.\!tw-h-\[1\.5rem\]{
  height: 1.5rem !important;
}
.\!tw-h-\[1\.75rem\]{
  height: 1.75rem !important;
}
.\!tw-h-\[1\.875rem\]{
  height: 1.875rem !important;
}
.\!tw-h-\[2\.5rem\]{
  height: 2.5rem !important;
}
.\!tw-h-\[2\.75rem\]{
  height: 2.75rem !important;
}
.\!tw-h-\[2rem\]{
  height: 2rem !important;
}
.\!tw-h-\[3\.75rem\]{
  height: 3.75rem !important;
}
.\!tw-h-\[3rem\]{
  height: 3rem !important;
}
.\!tw-h-\[4\.625rem\]{
  height: 4.625rem !important;
}
.\!tw-h-\[48px\]{
  height: 48px !important;
}
.tw-h-10{
  height: 2.5rem;
}
.tw-h-11{
  height: 2.75rem;
}
.tw-h-12{
  height: 3rem;
}
.tw-h-14{
  height: 3.5rem;
}
.tw-h-16{
  height: 4rem;
}
.tw-h-2{
  height: 0.5rem;
}
.tw-h-2\.5{
  height: 0.625rem;
}
.tw-h-20{
  height: 5rem;
}
.tw-h-24{
  height: 6rem;
}
.tw-h-28{
  height: 7rem;
}
.tw-h-3{
  height: 0.75rem;
}
.tw-h-32{
  height: 8rem;
}
.tw-h-36{
  height: 9rem;
}
.tw-h-4{
  height: 1rem;
}
.tw-h-40{
  height: 10rem;
}
.tw-h-48{
  height: 12rem;
}
.tw-h-5{
  height: 1.25rem;
}
.tw-h-6{
  height: 1.5rem;
}
.tw-h-64{
  height: 16rem;
}
.tw-h-7{
  height: 1.75rem;
}
.tw-h-8{
  height: 2rem;
}
.tw-h-9{
  height: 2.25rem;
}
.tw-h-96{
  height: 24rem;
}
.tw-h-\[0\.063rem\]{
  height: 0.063rem;
}
.tw-h-\[0\.125rem\]{
  height: 0.125rem;
}
.tw-h-\[0\.25rem\]{
  height: 0.25rem;
}
.tw-h-\[0\.625rem\]{
  height: 0.625rem;
}
.tw-h-\[0\.75rem\]{
  height: 0.75rem;
}
.tw-h-\[0\.875rem\]{
  height: 0.875rem;
}
.tw-h-\[1\.125rem\]{
  height: 1.125rem;
}
.tw-h-\[1\.25rem\]{
  height: 1.25rem;
}
.tw-h-\[1\.5rem\]{
  height: 1.5rem;
}
.tw-h-\[1\.625rem\]{
  height: 1.625rem;
}
.tw-h-\[1\.75rem\]{
  height: 1.75rem;
}
.tw-h-\[1\.875rem\]{
  height: 1.875rem;
}
.tw-h-\[10\.25rem\]{
  height: 10.25rem;
}
.tw-h-\[10\.5rem\]{
  height: 10.5rem;
}
.tw-h-\[10\.75rem\]{
  height: 10.75rem;
}
.tw-h-\[100\%\]{
  height: 100%;
}
.tw-h-\[10rem\]{
  height: 10rem;
}
.tw-h-\[11\.25rem\]{
  height: 11.25rem;
}
.tw-h-\[11\.563rem\]{
  height: 11.563rem;
}
.tw-h-\[11\.75rem\]{
  height: 11.75rem;
}
.tw-h-\[12\.5rem\]{
  height: 12.5rem;
}
.tw-h-\[13\.125rem\]{
  height: 13.125rem;
}
.tw-h-\[13\.75rem\]{
  height: 13.75rem;
}
.tw-h-\[15\.5rem\]{
  height: 15.5rem;
}
.tw-h-\[16\.25rem\]{
  height: 16.25rem;
}
.tw-h-\[18\.75rem\]{
  height: 18.75rem;
}
.tw-h-\[19\.563rem\]{
  height: 19.563rem;
}
.tw-h-\[1rem\]{
  height: 1rem;
}
.tw-h-\[2\.25rem\]{
  height: 2.25rem;
}
.tw-h-\[2\.5rem\]{
  height: 2.5rem;
}
.tw-h-\[2\.75rem\]{
  height: 2.75rem;
}
.tw-h-\[2\.875rem\]{
  height: 2.875rem;
}
.tw-h-\[21\.875rem\]{
  height: 21.875rem;
}
.tw-h-\[22\.5rem\]{
  height: 22.5rem;
}
.tw-h-\[23\.75rem\]{
  height: 23.75rem;
}
.tw-h-\[24\.25rem\]{
  height: 24.25rem;
}
.tw-h-\[24px\]{
  height: 24px;
}
.tw-h-\[25\.75rem\]{
  height: 25.75rem;
}
.tw-h-\[25rem\]{
  height: 25rem;
}
.tw-h-\[2rem\]{
  height: 2rem;
}
.tw-h-\[3\.25rem\]{
  height: 3.25rem;
}
.tw-h-\[3\.5rem\]{
  height: 3.5rem;
}
.tw-h-\[3\.625rem\]{
  height: 3.625rem;
}
.tw-h-\[3\.75rem\]{
  height: 3.75rem;
}
.tw-h-\[3\.875rem\]{
  height: 3.875rem;
}
.tw-h-\[31\.25rem\]{
  height: 31.25rem;
}
.tw-h-\[34\.75rem\]{
  height: 34.75rem;
}
.tw-h-\[3rem\]{
  height: 3rem;
}
.tw-h-\[4\.375rem\]{
  height: 4.375rem;
}
.tw-h-\[4\.5rem\]{
  height: 4.5rem;
}
.tw-h-\[4\.625rem\]{
  height: 4.625rem;
}
.tw-h-\[4\.75rem\]{
  height: 4.75rem;
}
.tw-h-\[48px\]{
  height: 48px;
}
.tw-h-\[5\.25rem\]{
  height: 5.25rem;
}
.tw-h-\[5\.313rem\]{
  height: 5.313rem;
}
.tw-h-\[5\.5rem\]{
  height: 5.5rem;
}
.tw-h-\[6\.75rem\]{
  height: 6.75rem;
}
.tw-h-\[60px\]{
  height: 60px;
}
.tw-h-\[64px\]{
  height: 64px;
}
.tw-h-\[6px\]{
  height: 6px;
}
.tw-h-\[6rem\]{
  height: 6rem;
}
.tw-h-\[7\.188rem\]{
  height: 7.188rem;
}
.tw-h-\[7\.5rem\]{
  height: 7.5rem;
}
.tw-h-\[7\.75rem\]{
  height: 7.75rem;
}
.tw-h-\[8\.375rem\]{
  height: 8.375rem;
}
.tw-h-\[8\.75rem\]{
  height: 8.75rem;
}
.tw-h-\[9\.25rem\]{
  height: 9.25rem;
}
.tw-h-\[9\.5rem\]{
  height: 9.5rem;
}
.tw-h-\[9\.625rem\]{
  height: 9.625rem;
}
.tw-h-\[auto\]{
  height: auto;
}
.tw-h-auto{
  height: auto;
}
.tw-h-fit{
  height: -webkit-fit-content;
  height: fit-content;
}
.tw-h-full{
  height: 100%;
}
.tw-h-px{
  height: 1px;
}
.tw-h-screen{
  height: 100vh;
}
.\!tw-max-h-\[47vh\]{
  max-height: 47vh !important;
}
.\!tw-max-h-\[90vh\]{
  max-height: 90vh !important;
}
.tw-max-h-24{
  max-height: 6rem;
}
.tw-max-h-80{
  max-height: 20rem;
}
.tw-max-h-\[2\.5rem\]{
  max-height: 2.5rem;
}
.tw-max-h-\[20rem\]{
  max-height: 20rem;
}
.tw-max-h-\[22vh\]{
  max-height: 22vh;
}
.tw-max-h-\[51\.5rem\]{
  max-height: 51.5rem;
}
.tw-max-h-\[528px\]{
  max-height: 528px;
}
.\!tw-min-h-\[8rem\]{
  min-height: 8rem !important;
}
.tw-min-h-0{
  min-height: 0px;
}
.tw-min-h-10{
  min-height: 2.5rem;
}
.tw-min-h-11{
  min-height: 2.75rem;
}
.tw-min-h-12{
  min-height: 3rem;
}
.tw-min-h-2{
  min-height: 0.5rem;
}
.tw-min-h-24{
  min-height: 6rem;
}
.tw-min-h-32{
  min-height: 8rem;
}
.tw-min-h-40{
  min-height: 10rem;
}
.tw-min-h-6{
  min-height: 1.5rem;
}
.tw-min-h-7{
  min-height: 1.75rem;
}
.tw-min-h-8{
  min-height: 2rem;
}
.tw-min-h-\[1\.313rem\]{
  min-height: 1.313rem;
}
.tw-min-h-\[1\.5rem\]{
  min-height: 1.5rem;
}
.tw-min-h-\[1\.625rem\]{
  min-height: 1.625rem;
}
.tw-min-h-\[1\.875rem\]{
  min-height: 1.875rem;
}
.tw-min-h-\[15\.9375rem\]{
  min-height: 15.9375rem;
}
.tw-min-h-\[18rem\]{
  min-height: 18rem;
}
.tw-min-h-\[25rem\]{
  min-height: 25rem;
}
.tw-min-h-\[3\.75rem\]{
  min-height: 3.75rem;
}
.tw-min-h-\[30rem\]{
  min-height: 30rem;
}
.tw-min-h-\[4\.563rem\]{
  min-height: 4.563rem;
}
.tw-min-h-\[4\.75rem\]{
  min-height: 4.75rem;
}
.tw-min-h-\[5\.25rem\]{
  min-height: 5.25rem;
}
.tw-min-h-\[5\.5rem\]{
  min-height: 5.5rem;
}
.tw-min-h-\[6\.75rem\]{
  min-height: 6.75rem;
}
.tw-min-h-\[64px\]{
  min-height: 64px;
}
.tw-min-h-\[7\.5rem\]{
  min-height: 7.5rem;
}
.tw-min-h-\[75vh\]{
  min-height: 75vh;
}
.tw-min-h-\[8\.75rem\]{
  min-height: 8.75rem;
}
.tw-min-h-\[8\.938rem\]{
  min-height: 8.938rem;
}
.tw-min-h-px{
  min-height: 1px;
}
.tw-min-h-screen{
  min-height: 100vh;
}
.\!tw-w-12{
  width: 3rem !important;
}
.\!tw-w-6{
  width: 1.5rem !important;
}
.\!tw-w-\[1\.25rem\]{
  width: 1.25rem !important;
}
.\!tw-w-\[1\.375rem\]{
  width: 1.375rem !important;
}
.\!tw-w-\[1\.5rem\]{
  width: 1.5rem !important;
}
.\!tw-w-\[1\.75rem\]{
  width: 1.75rem !important;
}
.\!tw-w-\[1\.875rem\]{
  width: 1.875rem !important;
}
.\!tw-w-\[10rem\]{
  width: 10rem !important;
}
.\!tw-w-\[2\.5rem\]{
  width: 2.5rem !important;
}
.\!tw-w-\[2\.75rem\]{
  width: 2.75rem !important;
}
.\!tw-w-\[20\%\]{
  width: 20% !important;
}
.\!tw-w-\[2rem\]{
  width: 2rem !important;
}
.\!tw-w-\[4\.25rem\]{
  width: 4.25rem !important;
}
.\!tw-w-\[4\.625rem\]{
  width: 4.625rem !important;
}
.\!tw-w-\[70\%\]{
  width: 70% !important;
}
.\!tw-w-auto{
  width: auto !important;
}
.\!tw-w-full{
  width: 100% !important;
}
.tw-w-0\.5{
  width: 0.125rem;
}
.tw-w-1{
  width: 0.25rem;
}
.tw-w-1\/2{
  width: 50%;
}
.tw-w-1\/3{
  width: 33.333333%;
}
.tw-w-1\/4{
  width: 25%;
}
.tw-w-1\/5{
  width: 20%;
}
.tw-w-1\/6{
  width: 16.666667%;
}
.tw-w-10{
  width: 2.5rem;
}
.tw-w-10\/12{
  width: 83.333333%;
}
.tw-w-11{
  width: 2.75rem;
}
.tw-w-12{
  width: 3rem;
}
.tw-w-14{
  width: 3.5rem;
}
.tw-w-16{
  width: 4rem;
}
.tw-w-2{
  width: 0.5rem;
}
.tw-w-2\.5{
  width: 0.625rem;
}
.tw-w-2\/3{
  width: 66.666667%;
}
.tw-w-2\/4{
  width: 50%;
}
.tw-w-2\/5{
  width: 40%;
}
.tw-w-2\/6{
  width: 33.333333%;
}
.tw-w-20{
  width: 5rem;
}
.tw-w-24{
  width: 6rem;
}
.tw-w-28{
  width: 7rem;
}
.tw-w-3{
  width: 0.75rem;
}
.tw-w-3\/12{
  width: 25%;
}
.tw-w-3\/5{
  width: 60%;
}
.tw-w-32{
  width: 8rem;
}
.tw-w-36{
  width: 9rem;
}
.tw-w-4{
  width: 1rem;
}
.tw-w-4\/12{
  width: 33.333333%;
}
.tw-w-4\/5{
  width: 80%;
}
.tw-w-40{
  width: 10rem;
}
.tw-w-44{
  width: 11rem;
}
.tw-w-48{
  width: 12rem;
}
.tw-w-5{
  width: 1.25rem;
}
.tw-w-52{
  width: 13rem;
}
.tw-w-56{
  width: 14rem;
}
.tw-w-6{
  width: 1.5rem;
}
.tw-w-6\/12{
  width: 50%;
}
.tw-w-60{
  width: 15rem;
}
.tw-w-64{
  width: 16rem;
}
.tw-w-7{
  width: 1.75rem;
}
.tw-w-72{
  width: 18rem;
}
.tw-w-8{
  width: 2rem;
}
.tw-w-80{
  width: 20rem;
}
.tw-w-9\/12{
  width: 75%;
}
.tw-w-96{
  width: 24rem;
}
.tw-w-\[0\.0625rem\]{
  width: 0.0625rem;
}
.tw-w-\[0\.063rem\]{
  width: 0.063rem;
}
.tw-w-\[0\.125rem\]{
  width: 0.125rem;
}
.tw-w-\[0\.25rem\]{
  width: 0.25rem;
}
.tw-w-\[0\.313rem\]{
  width: 0.313rem;
}
.tw-w-\[0\.625rem\]{
  width: 0.625rem;
}
.tw-w-\[0\.75rem\]{
  width: 0.75rem;
}
.tw-w-\[0\.875rem\]{
  width: 0.875rem;
}
.tw-w-\[1\.125rem\]{
  width: 1.125rem;
}
.tw-w-\[1\.25rem\]{
  width: 1.25rem;
}
.tw-w-\[1\.5rem\]{
  width: 1.5rem;
}
.tw-w-\[1\.75rem\]{
  width: 1.75rem;
}
.tw-w-\[10\%\]{
  width: 10%;
}
.tw-w-\[10\.625rem\]{
  width: 10.625rem;
}
.tw-w-\[100\%\]{
  width: 100%;
}
.tw-w-\[10rem\]{
  width: 10rem;
}
.tw-w-\[11\.25rem\]{
  width: 11.25rem;
}
.tw-w-\[11\.438rem\]{
  width: 11.438rem;
}
.tw-w-\[11\.75rem\]{
  width: 11.75rem;
}
.tw-w-\[12\.375rem\]{
  width: 12.375rem;
}
.tw-w-\[12\.5rem\]{
  width: 12.5rem;
}
.tw-w-\[12\.813rem\]{
  width: 12.813rem;
}
.tw-w-\[120px\]{
  width: 120px;
}
.tw-w-\[13\.625rem\]{
  width: 13.625rem;
}
.tw-w-\[13\.75rem\]{
  width: 13.75rem;
}
.tw-w-\[14\.25rem\]{
  width: 14.25rem;
}
.tw-w-\[14\.375rem\]{
  width: 14.375rem;
}
.tw-w-\[14\.688rem\]{
  width: 14.688rem;
}
.tw-w-\[140px\]{
  width: 140px;
}
.tw-w-\[15\%\]{
  width: 15%;
}
.tw-w-\[15\.625rem\]{
  width: 15.625rem;
}
.tw-w-\[15\.688rem\]{
  width: 15.688rem;
}
.tw-w-\[16\.25rem\]{
  width: 16.25rem;
}
.tw-w-\[16\.438rem\]{
  width: 16.438rem;
}
.tw-w-\[17\.688rem\]{
  width: 17.688rem;
}
.tw-w-\[18\%\]{
  width: 18%;
}
.tw-w-\[18\.125rem\]{
  width: 18.125rem;
}
.tw-w-\[18\.39\%\]{
  width: 18.39%;
}
.tw-w-\[18\.75rem\]{
  width: 18.75rem;
}
.tw-w-\[19rem\]{
  width: 19rem;
}
.tw-w-\[1rem\]{
  width: 1rem;
}
.tw-w-\[2\.1875rem\]{
  width: 2.1875rem;
}
.tw-w-\[2\.25rem\]{
  width: 2.25rem;
}
.tw-w-\[2\.5rem\]{
  width: 2.5rem;
}
.tw-w-\[2\.8125rem\]{
  width: 2.8125rem;
}
.tw-w-\[2\.938rem\]{
  width: 2.938rem;
}
.tw-w-\[20\%\]{
  width: 20%;
}
.tw-w-\[20\.313rem\]{
  width: 20.313rem;
}
.tw-w-\[20\.5rem\]{
  width: 20.5rem;
}
.tw-w-\[20\.75rem\]{
  width: 20.75rem;
}
.tw-w-\[200px\]{
  width: 200px;
}
.tw-w-\[20rem\]{
  width: 20rem;
}
.tw-w-\[21\.563rem\]{
  width: 21.563rem;
}
.tw-w-\[22\.4\%\]{
  width: 22.4%;
}
.tw-w-\[22\.563rem\]{
  width: 22.563rem;
}
.tw-w-\[22\.5rem\]{
  width: 22.5rem;
}
.tw-w-\[220px\]{
  width: 220px;
}
.tw-w-\[25\.75rem\]{
  width: 25.75rem;
}
.tw-w-\[25rem\]{
  width: 25rem;
}
.tw-w-\[26\.25rem\]{
  width: 26.25rem;
}
.tw-w-\[27\.063rem\]{
  width: 27.063rem;
}
.tw-w-\[27\.438rem\]{
  width: 27.438rem;
}
.tw-w-\[27\.5rem\]{
  width: 27.5rem;
}
.tw-w-\[280px\]{
  width: 280px;
}
.tw-w-\[2rem\]{
  width: 2rem;
}
.tw-w-\[3\.25rem\]{
  width: 3.25rem;
}
.tw-w-\[3\.5rem\]{
  width: 3.5rem;
}
.tw-w-\[3\.75rem\]{
  width: 3.75rem;
}
.tw-w-\[30\%\]{
  width: 30%;
}
.tw-w-\[30\.15\%\]{
  width: 30.15%;
}
.tw-w-\[30rem\]{
  width: 30rem;
}
.tw-w-\[32\.75rem\]{
  width: 32.75rem;
}
.tw-w-\[320px\]{
  width: 320px;
}
.tw-w-\[33\.25rem\]{
  width: 33.25rem;
}
.tw-w-\[34\.656rem\]{
  width: 34.656rem;
}
.tw-w-\[34rem\]{
  width: 34rem;
}
.tw-w-\[35\.75rem\]{
  width: 35.75rem;
}
.tw-w-\[35rem\]{
  width: 35rem;
}
.tw-w-\[360px\]{
  width: 360px;
}
.tw-w-\[37\.5rem\]{
  width: 37.5rem;
}
.tw-w-\[38\.25rem\]{
  width: 38.25rem;
}
.tw-w-\[39\.375rem\]{
  width: 39.375rem;
}
.tw-w-\[3rem\]{
  width: 3rem;
}
.tw-w-\[4\.25rem\]{
  width: 4.25rem;
}
.tw-w-\[4\.5rem\]{
  width: 4.5rem;
}
.tw-w-\[40\%\]{
  width: 40%;
}
.tw-w-\[40rem\]{
  width: 40rem;
}
.tw-w-\[45\%\]{
  width: 45%;
}
.tw-w-\[48\.75rem\]{
  width: 48.75rem;
}
.tw-w-\[5\%\]{
  width: 5%;
}
.tw-w-\[5\.25rem\]{
  width: 5.25rem;
}
.tw-w-\[5\.313rem\]{
  width: 5.313rem;
}
.tw-w-\[5\.5rem\]{
  width: 5.5rem;
}
.tw-w-\[5\.75rem\]{
  width: 5.75rem;
}
.tw-w-\[50\%\]{
  width: 50%;
}
.tw-w-\[50rem\]{
  width: 50rem;
}
.tw-w-\[51\.25rem\]{
  width: 51.25rem;
}
.tw-w-\[51\.47\%\]{
  width: 51.47%;
}
.tw-w-\[52\.5rem\]{
  width: 52.5rem;
}
.tw-w-\[55\%\]{
  width: 55%;
}
.tw-w-\[57\.625rem\]{
  width: 57.625rem;
}
.tw-w-\[5rem\]{
  width: 5rem;
}
.tw-w-\[6\.125rem\]{
  width: 6.125rem;
}
.tw-w-\[6\.25rem\]{
  width: 6.25rem;
}
.tw-w-\[6\.375rem\]{
  width: 6.375rem;
}
.tw-w-\[6\.5rem\]{
  width: 6.5rem;
}
.tw-w-\[6\.75rem\]{
  width: 6.75rem;
}
.tw-w-\[60\%\]{
  width: 60%;
}
.tw-w-\[65rem\]{
  width: 65rem;
}
.tw-w-\[68px\]{
  width: 68px;
}
.tw-w-\[6rem\]{
  width: 6rem;
}
.tw-w-\[7\.125rem\]{
  width: 7.125rem;
}
.tw-w-\[7\.188rem\]{
  width: 7.188rem;
}
.tw-w-\[7\.5rem\]{
  width: 7.5rem;
}
.tw-w-\[7\.75rem\]{
  width: 7.75rem;
}
.tw-w-\[70\%\]{
  width: 70%;
}
.tw-w-\[75\%\]{
  width: 75%;
}
.tw-w-\[7rem\]{
  width: 7rem;
}
.tw-w-\[8\.125rem\]{
  width: 8.125rem;
}
.tw-w-\[8\.75rem\]{
  width: 8.75rem;
}
.tw-w-\[80\%\]{
  width: 80%;
}
.tw-w-\[80px\]{
  width: 80px;
}
.tw-w-\[85\%\]{
  width: 85%;
}
.tw-w-\[9\.063rem\]{
  width: 9.063rem;
}
.tw-w-\[9\.25rem\]{
  width: 9.25rem;
}
.tw-w-\[9\.375rem\]{
  width: 9.375rem;
}
.tw-w-\[90\%\]{
  width: 90%;
}
.tw-w-\[92\%\]{
  width: 92%;
}
.tw-w-\[calc\(50\%-0\.5rem\)\]{
  width: calc(50% - 0.5rem);
}
.tw-w-auto{
  width: auto;
}
.tw-w-fit{
  width: -webkit-fit-content;
  width: fit-content;
}
.tw-w-full{
  width: 100%;
}
.tw-w-px{
  width: 1px;
}
.\!tw-min-w-\[12\.125rem\]{
  min-width: 12.125rem !important;
}
.\!tw-min-w-\[2rem\]{
  min-width: 2rem !important;
}
.\!tw-min-w-\[7\.75rem\]{
  min-width: 7.75rem !important;
}
.tw-min-w-0{
  min-width: 0px;
}
.tw-min-w-1{
  min-width: 0.25rem;
}
.tw-min-w-16{
  min-width: 4rem;
}
.tw-min-w-5{
  min-width: 1.25rem;
}
.tw-min-w-6{
  min-width: 1.5rem;
}
.tw-min-w-60{
  min-width: 15rem;
}
.tw-min-w-\[1\.5rem\]{
  min-width: 1.5rem;
}
.tw-min-w-\[12\.5rem\]{
  min-width: 12.5rem;
}
.tw-min-w-\[12rem\]{
  min-width: 12rem;
}
.tw-min-w-\[2088px\]{
  min-width: 2088px;
}
.tw-min-w-\[2rem\]{
  min-width: 2rem;
}
.tw-min-w-\[5rem\]{
  min-width: 5rem;
}
.tw-min-w-\[6rem\]{
  min-width: 6rem;
}
.tw-min-w-\[7\.813rem\]{
  min-width: 7.813rem;
}
.tw-min-w-full{
  min-width: 100%;
}
.\!tw-max-w-\[10rem\]{
  max-width: 10rem !important;
}
.\!tw-max-w-\[16\.875rem\]{
  max-width: 16.875rem !important;
}
.\!tw-max-w-\[25\.75rem\]{
  max-width: 25.75rem !important;
}
.\!tw-max-w-\[7\.375rem\]{
  max-width: 7.375rem !important;
}
.\!tw-max-w-full{
  max-width: 100% !important;
}
.\!tw-max-w-none{
  max-width: none !important;
}
.tw-max-w-5xl{
  max-width: 64rem;
}
.tw-max-w-\[10\.625rem\]{
  max-width: 10.625rem;
}
.tw-max-w-\[12\.75rem\]{
  max-width: 12.75rem;
}
.tw-max-w-\[13\.125rem\]{
  max-width: 13.125rem;
}
.tw-max-w-\[18\.5rem\]{
  max-width: 18.5rem;
}
.tw-max-w-\[21\.563rem\]{
  max-width: 21.563rem;
}
.tw-max-w-\[21\.5rem\]{
  max-width: 21.5rem;
}
.tw-max-w-\[22\.5rem\]{
  max-width: 22.5rem;
}
.tw-max-w-\[25\.5rem\]{
  max-width: 25.5rem;
}
.tw-max-w-\[25rem\]{
  max-width: 25rem;
}
.tw-max-w-\[30rem\]{
  max-width: 30rem;
}
.tw-max-w-\[32rem\]{
  max-width: 32rem;
}
.tw-max-w-\[34\.5rem\]{
  max-width: 34.5rem;
}
.tw-max-w-\[40\%\]{
  max-width: 40%;
}
.tw-max-w-\[40rem\]{
  max-width: 40rem;
}
.tw-max-w-\[43\.75rem\]{
  max-width: 43.75rem;
}
.tw-max-w-\[50rem\]{
  max-width: 50rem;
}
.tw-max-w-\[57\.625rem\]{
  max-width: 57.625rem;
}
.tw-max-w-\[58\.75rem\]{
  max-width: 58.75rem;
}
.tw-max-w-\[6\.125rem\]{
  max-width: 6.125rem;
}
.tw-max-w-\[6\.875rem\]{
  max-width: 6.875rem;
}
.tw-max-w-\[69\.5rem\]{
  max-width: 69.5rem;
}
.tw-max-w-\[7\.5rem\]{
  max-width: 7.5rem;
}
.tw-max-w-\[70\.5rem\]{
  max-width: 70.5rem;
}
.tw-max-w-\[77rem\]{
  max-width: 77rem;
}
.tw-max-w-\[85\%\]{
  max-width: 85%;
}
.tw-max-w-\[9\.375rem\]{
  max-width: 9.375rem;
}
.tw-max-w-fit{
  max-width: -webkit-fit-content;
  max-width: fit-content;
}
.tw-max-w-full{
  max-width: 100%;
}
.tw-max-w-lg{
  max-width: 32rem;
}
.tw-max-w-md{
  max-width: 28rem;
}
.tw-max-w-screen-sm{
  max-width: 640px;
}
.tw-max-w-screen-xl{
  max-width: 1280px;
}
.\!tw-flex-1{
  flex: 1 1 0% !important;
}
.tw-flex-1{
  flex: 1 1 0%;
}
.tw-flex-\[1_0_0\]{
  flex: 1 0 0;
}
.tw-flex-auto{
  flex: 1 1 auto;
}
.tw-flex-none{
  flex: none;
}
.\!tw-flex-shrink-0{
  flex-shrink: 0 !important;
}
.tw-flex-shrink-0{
  flex-shrink: 0;
}
.tw-shrink{
  flex-shrink: 1;
}
.tw-shrink-0{
  flex-shrink: 0;
}
.tw-flex-grow{
  flex-grow: 1;
}
.tw-flex-grow-0{
  flex-grow: 0;
}
.tw-flex-grow-\[0\.9\]{
  flex-grow: 0.9;
}
.tw-grow{
  flex-grow: 1;
}
.tw-grow-0{
  flex-grow: 0;
}
.tw-basis-0{
  flex-basis: 0px;
}
.tw-basis-1\/12{
  flex-basis: 8.333333%;
}
.tw-basis-11\/12{
  flex-basis: 91.666667%;
}
.tw-basis-12{
  flex-basis: 3rem;
}
.tw-basis-8{
  flex-basis: 2rem;
}
.tw-basis-\[11\%\]{
  flex-basis: 11%;
}
.tw-basis-\[13\%\]{
  flex-basis: 13%;
}
.tw-basis-\[22\%\]{
  flex-basis: 22%;
}
.tw-basis-\[26\%\]{
  flex-basis: 26%;
}
.tw-basis-\[30\%\]{
  flex-basis: 30%;
}
.tw-basis-\[40\%\]{
  flex-basis: 40%;
}
.tw-basis-\[5\%\]{
  flex-basis: 5%;
}
.tw-basis-full{
  flex-basis: 100%;
}
.tw-table-auto{
  table-layout: auto;
}
.tw-table-fixed{
  table-layout: fixed;
}
.tw-border-collapse{
  border-collapse: collapse;
}
.tw-border-separate{
  border-collapse: separate;
}
.tw-border-spacing-0{
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.-tw-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw--translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw--rotate-90{
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-rotate-90{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\!tw-cursor-pointer{
  cursor: pointer !important;
}
.\!tw-cursor-text{
  cursor: text !important;
}
.tw-cursor-default{
  cursor: default;
}
.tw-cursor-not-allowed{
  cursor: not-allowed;
}
.tw-cursor-pointer{
  cursor: pointer;
}
.tw-cursor-text{
  cursor: text;
}
.tw-select-none{
  -webkit-user-select: none;
          user-select: none;
}
.tw-resize-none{
  resize: none;
}
.tw-list-none{
  list-style-type: none;
}
.tw-grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.tw-grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tw-grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.tw-grid-cols-5{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.tw-grid-cols-8{
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.tw-grid-cols-\[13\.75rem_1fr\]{
  grid-template-columns: 13.75rem 1fr;
}
.tw-grid-cols-\[20\%_80\%\]{
  grid-template-columns: 20% 80%;
}
.tw-grid-cols-\[31\.25rem_500px\]{
  grid-template-columns: 31.25rem 500px;
}
.tw-grid-rows-4{
  grid-template-rows: repeat(4, minmax(0, 1fr));
}
.\!tw-flex-row{
  flex-direction: row !important;
}
.tw-flex-row{
  flex-direction: row;
}
.tw-flex-row-reverse{
  flex-direction: row-reverse;
}
.\!tw-flex-col{
  flex-direction: column !important;
}
.tw-flex-col{
  flex-direction: column;
}
.tw-flex-col-reverse{
  flex-direction: column-reverse;
}
.tw-flex-wrap{
  flex-wrap: wrap;
}
.tw-flex-nowrap{
  flex-wrap: nowrap;
}
.\!tw-place-content-center{
  place-content: center !important;
}
.tw-place-content-center{
  place-content: center;
}
.tw-content-center{
  align-content: center;
}
.tw-content-end{
  align-content: flex-end;
}
.tw-content-evenly{
  align-content: space-evenly;
}
.tw-items-start{
  align-items: flex-start;
}
.tw-items-end{
  align-items: flex-end;
}
.\!tw-items-center{
  align-items: center !important;
}
.tw-items-center{
  align-items: center;
}
.tw-items-baseline{
  align-items: baseline;
}
.tw-items-stretch{
  align-items: stretch;
}
.\!tw-justify-start{
  justify-content: flex-start !important;
}
.tw-justify-start{
  justify-content: flex-start;
}
.tw-justify-end{
  justify-content: flex-end;
}
.\!tw-justify-center{
  justify-content: center !important;
}
.tw-justify-center{
  justify-content: center;
}
.\!tw-justify-between{
  justify-content: space-between !important;
}
.tw-justify-between{
  justify-content: space-between;
}
.tw-justify-around{
  justify-content: space-around;
}
.tw-justify-items-start{
  justify-items: start;
}
.tw-justify-items-end{
  justify-items: end;
}
.\!tw-gap-2{
  gap: 0.5rem !important;
}
.\!tw-gap-4{
  gap: 1rem !important;
}
.\!tw-gap-\[0\.5rem\]{
  gap: 0.5rem !important;
}
.\!tw-gap-\[1\.5rem\]{
  gap: 1.5rem !important;
}
.\!tw-gap-\[16px\]{
  gap: 16px !important;
}
.\!tw-gap-\[1rem\]{
  gap: 1rem !important;
}
.tw-gap-0{
  gap: 0px;
}
.tw-gap-0\.5{
  gap: 0.125rem;
}
.tw-gap-1{
  gap: 0.25rem;
}
.tw-gap-1\.5{
  gap: 0.375rem;
}
.tw-gap-10{
  gap: 2.5rem;
}
.tw-gap-12{
  gap: 3rem;
}
.tw-gap-14{
  gap: 3.5rem;
}
.tw-gap-16{
  gap: 4rem;
}
.tw-gap-2{
  gap: 0.5rem;
}
.tw-gap-2\.5{
  gap: 0.625rem;
}
.tw-gap-20{
  gap: 5rem;
}
.tw-gap-3{
  gap: 0.75rem;
}
.tw-gap-36{
  gap: 9rem;
}
.tw-gap-4{
  gap: 1rem;
}
.tw-gap-40{
  gap: 10rem;
}
.tw-gap-5{
  gap: 1.25rem;
}
.tw-gap-6{
  gap: 1.5rem;
}
.tw-gap-7{
  gap: 1.75rem;
}
.tw-gap-8{
  gap: 2rem;
}
.tw-gap-9{
  gap: 2.25rem;
}
.tw-gap-\[0\.125rem\]{
  gap: 0.125rem;
}
.tw-gap-\[0\.1875rem\]{
  gap: 0.1875rem;
}
.tw-gap-\[0\.188rem\]{
  gap: 0.188rem;
}
.tw-gap-\[0\.25rem\]{
  gap: 0.25rem;
}
.tw-gap-\[0\.375rem\]{
  gap: 0.375rem;
}
.tw-gap-\[0\.5rem\]{
  gap: 0.5rem;
}
.tw-gap-\[0\.625rem\]{
  gap: 0.625rem;
}
.tw-gap-\[0\.75rem\]{
  gap: 0.75rem;
}
.tw-gap-\[0\.9375rem\]{
  gap: 0.9375rem;
}
.tw-gap-\[0\.938rem\]{
  gap: 0.938rem;
}
.tw-gap-\[1\.25rem\]{
  gap: 1.25rem;
}
.tw-gap-\[1\.5rem\]{
  gap: 1.5rem;
}
.tw-gap-\[15rem\]{
  gap: 15rem;
}
.tw-gap-\[1rem\]{
  gap: 1rem;
}
.tw-gap-\[2\.5rem\]{
  gap: 2.5rem;
}
.tw-gap-\[2rem\]{
  gap: 2rem;
}
.tw-gap-\[3\.5rem\]{
  gap: 3.5rem;
}
.tw-gap-\[3\.75rem\]{
  gap: 3.75rem;
}
.tw-gap-\[34px\]{
  gap: 34px;
}
.tw-gap-\[3px\]{
  gap: 3px;
}
.tw-gap-\[3rem\]{
  gap: 3rem;
}
.tw-gap-\[40px\]{
  gap: 40px;
}
.tw-gap-\[4px\]{
  gap: 4px;
}
.tw-gap-\[6px\]{
  gap: 6px;
}
.tw-gap-\[7rem\]{
  gap: 7rem;
}
.tw-gap-px{
  gap: 1px;
}
.tw-gap-x-2{
  column-gap: 0.5rem;
}
.tw-gap-x-6{
  column-gap: 1.5rem;
}
.tw-gap-y-1{
  row-gap: 0.25rem;
}
.tw-gap-y-2{
  row-gap: 0.5rem;
}
.tw-gap-y-3{
  row-gap: 0.75rem;
}
.tw-gap-y-4{
  row-gap: 1rem;
}
.tw-gap-y-6{
  row-gap: 1.5rem;
}
.tw-space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.tw-space-x-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.tw-space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.tw-space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.tw-space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.tw-space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.tw-space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.tw-space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.tw-space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.tw-self-auto{
  align-self: auto;
}
.tw-self-start{
  align-self: flex-start;
}
.tw-self-end{
  align-self: flex-end;
}
.tw-self-center{
  align-self: center;
}
.tw-self-stretch{
  align-self: stretch;
}
.tw-self-baseline{
  align-self: baseline;
}
.tw-justify-self-start{
  justify-self: start;
}
.tw-justify-self-end{
  justify-self: end;
}
.tw-overflow-auto{
  overflow: auto;
}
.\!tw-overflow-hidden{
  overflow: hidden !important;
}
.tw-overflow-hidden{
  overflow: hidden;
}
.tw-overflow-visible{
  overflow: visible;
}
.tw-overflow-x-auto{
  overflow-x: auto;
}
.tw-overflow-y-auto{
  overflow-y: auto;
}
.tw-overflow-y-hidden{
  overflow-y: hidden;
}
.tw-overflow-y-scroll{
  overflow-y: scroll;
}
.tw-truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tw-text-ellipsis{
  text-overflow: ellipsis;
}
.\!tw-whitespace-normal{
  white-space: normal !important;
}
.tw-whitespace-nowrap{
  white-space: nowrap;
}
.\!tw-whitespace-pre-line{
  white-space: pre-line !important;
}
.tw-whitespace-pre-line{
  white-space: pre-line;
}
.tw-break-words{
  overflow-wrap: break-word;
}
.tw-break-all{
  word-break: break-all;
}
.\!tw-rounded-\[0\.25rem\]{
  border-radius: 0.25rem !important;
}
.\!tw-rounded-\[0\.375rem\]{
  border-radius: 0.375rem !important;
}
.\!tw-rounded-full{
  border-radius: 9999px !important;
}
.tw-rounded{
  border-radius: 0.25rem;
}
.tw-rounded-2xl{
  border-radius: 1rem;
}
.tw-rounded-3xl{
  border-radius: 1.5rem;
}
.tw-rounded-\[0\.25rem\]{
  border-radius: 0.25rem;
}
.tw-rounded-\[0\.375rem\]{
  border-radius: 0.375rem;
}
.tw-rounded-\[0\.5rem\]{
  border-radius: 0.5rem;
}
.tw-rounded-\[0\.75rem\]{
  border-radius: 0.75rem;
}
.tw-rounded-\[0\.875rem\]{
  border-radius: 0.875rem;
}
.tw-rounded-\[1\.25rem\]{
  border-radius: 1.25rem;
}
.tw-rounded-\[1\.75rem\]{
  border-radius: 1.75rem;
}
.tw-rounded-\[12px\]{
  border-radius: 12px;
}
.tw-rounded-\[3px\]{
  border-radius: 3px;
}
.tw-rounded-\[4\.6875rem\]{
  border-radius: 4.6875rem;
}
.tw-rounded-\[6\.25rem\]{
  border-radius: 6.25rem;
}
.tw-rounded-\[62\.438rem\]{
  border-radius: 62.438rem;
}
.tw-rounded-full{
  border-radius: 9999px;
}
.tw-rounded-lg{
  border-radius: 0.5rem;
}
.tw-rounded-md{
  border-radius: 0.375rem;
}
.tw-rounded-none{
  border-radius: 0px;
}
.tw-rounded-sm{
  border-radius: 0.125rem;
}
.tw-rounded-xl{
  border-radius: 0.75rem;
}
.tw-rounded-e{
  border-start-end-radius: 0.25rem;
  border-end-end-radius: 0.25rem;
}
.tw-rounded-l-md{
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.tw-rounded-r-lg{
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.tw-rounded-s{
  border-start-start-radius: 0.25rem;
  border-end-start-radius: 0.25rem;
}
.tw-rounded-t-lg{
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.tw-rounded-t-md{
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.tw-rounded-bl-\[0\.75rem\]{
  border-bottom-left-radius: 0.75rem;
}
.tw-rounded-bl-lg{
  border-bottom-left-radius: 0.5rem;
}
.tw-rounded-br-\[0\.75rem\]{
  border-bottom-right-radius: 0.75rem;
}
.tw-rounded-br-lg{
  border-bottom-right-radius: 0.5rem;
}
.tw-rounded-tl-lg{
  border-top-left-radius: 0.5rem;
}
.tw-rounded-tr-lg{
  border-top-right-radius: 0.5rem;
}
.\!tw-border{
  border-width: 1px !important;
}
.tw-border{
  border-width: 1px;
}
.tw-border-0{
  border-width: 0px;
}
.tw-border-2{
  border-width: 2px;
}
.tw-border-\[0\.025rem\]{
  border-width: 0.025rem;
}
.tw-border-\[0\.05rem\]{
  border-width: 0.05rem;
}
.tw-border-\[0\.073rem\]{
  border-width: 0.073rem;
}
.tw-border-\[0\.125rem\]{
  border-width: 0.125rem;
}
.tw-border-b{
  border-bottom-width: 1px;
}
.tw-border-l{
  border-left-width: 1px;
}
.tw-border-s-0{
  border-inline-start-width: 0px;
}
.tw-border-t{
  border-top-width: 1px;
}
.\!tw-border-solid{
  border-style: solid !important;
}
.tw-border-solid{
  border-style: solid;
}
.\!tw-border-none{
  border-style: none !important;
}
.tw-border-none{
  border-style: none;
}
.\!tw-border-\[\#D0D5DD\]{
  --tw-border-opacity: 1 !important;
  border-color: rgb(208 213 221 / var(--tw-border-opacity, 1)) !important;
}
.\!tw-border-\[\#D4D4D4\]{
  --tw-border-opacity: 1 !important;
  border-color: rgb(212 212 212 / var(--tw-border-opacity, 1)) !important;
}
.\!tw-border-\[\#D92D20\]{
  --tw-border-opacity: 1 !important;
  border-color: rgb(217 45 32 / var(--tw-border-opacity, 1)) !important;
}
.\!tw-border-\[\#EAECF0\]{
  --tw-border-opacity: 1 !important;
  border-color: rgb(234 236 240 / var(--tw-border-opacity, 1)) !important;
}
.\!tw-border-gray-200{
  --tw-border-opacity: 1 !important;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)) !important;
}
.tw-border-\[\#5BAA15\]{
  --tw-border-opacity: 1;
  border-color: rgb(91 170 21 / var(--tw-border-opacity, 1));
}
.tw-border-\[\#8CC45B\]{
  --tw-border-opacity: 1;
  border-color: rgb(140 196 91 / var(--tw-border-opacity, 1));
}
.tw-border-\[\#BDDDA1\]{
  --tw-border-opacity: 1;
  border-color: rgb(189 221 161 / var(--tw-border-opacity, 1));
}
.tw-border-\[\#CEE6B9\]{
  --tw-border-opacity: 1;
  border-color: rgb(206 230 185 / var(--tw-border-opacity, 1));
}
.tw-border-\[\#D0D5DD\]{
  --tw-border-opacity: 1;
  border-color: rgb(208 213 221 / var(--tw-border-opacity, 1));
}
.tw-border-\[\#DEE1E7\]{
  --tw-border-opacity: 1;
  border-color: rgb(222 225 231 / var(--tw-border-opacity, 1));
}
.tw-border-\[\#EAECF0\]{
  --tw-border-opacity: 1;
  border-color: rgb(234 236 240 / var(--tw-border-opacity, 1));
}
.tw-border-\[color\:var\(--Component-colors-Components-Icons-Featured-icons-Modern-featured-icon-modern-border\,\#EAECF0\)\]{
  border-color: var(--Component-colors-Components-Icons-Featured-icons-Modern-featured-icon-modern-border,#EAECF0);
}
.tw-border-\[color\:var\(--Gray-200\,\#EAECF0\)\]{
  border-color: var(--Gray-200,#EAECF0);
}
.tw-border-\[color\:var\(--Gray-300\,\#D0D5DD\)\]{
  border-color: var(--Gray-300,#D0D5DD);
}
.tw-border-\[color\:var\(--Gray-300\,\#D5D7DA\)\]{
  border-color: var(--Gray-300,#D5D7DA);
}
.tw-border-\[color\:var\(--Warning-300\,\#FEC84B\)\]{
  border-color: var(--Warning-300,#FEC84B);
}
.tw-border-\[var\(--primary-color\)\]{
  border-color: var(--primary-color);
}
.tw-border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.tw-border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.tw-border-gray-50{
  --tw-border-opacity: 1;
  border-color: rgb(249 250 251 / var(--tw-border-opacity, 1));
}
.tw-border-lime-600{
  --tw-border-opacity: 1;
  border-color: rgb(101 163 13 / var(--tw-border-opacity, 1));
}
.tw-border-neutral-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}
.tw-border-orange-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
}
.tw-border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.tw-border-t-gray-500{
  --tw-border-opacity: 1;
  border-top-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}
.tw-border-opacity-100{
  --tw-border-opacity: 1;
}
.\!tw-bg-\[\#D92D20\]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(217 45 32 / var(--tw-bg-opacity, 1)) !important;
}
.\!tw-bg-\[\#F6F7F9\]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(246 247 249 / var(--tw-bg-opacity, 1)) !important;
}
.\!tw-bg-\[\#F9FAFB\]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;
}
.\!tw-bg-\[\#FFFFFF\]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.\!tw-bg-\[\#FFF\]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.\!tw-bg-transparent{
  background-color: transparent !important;
}
.\!tw-bg-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.tw-bg-\[\#5BAA15\]{
  --tw-bg-opacity: 1;
  background-color: rgb(91 170 21 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#80C9A2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(128 201 162 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#98A2B3\]{
  --tw-bg-opacity: 1;
  background-color: rgb(152 162 179 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#CEE6B9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(206 230 185 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#D0D5DD\]{
  --tw-bg-opacity: 1;
  background-color: rgb(208 213 221 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#D92D20\]{
  --tw-bg-opacity: 1;
  background-color: rgb(217 45 32 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#E5E7EB\]{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#E6E9EE\]{
  --tw-bg-opacity: 1;
  background-color: rgb(230 233 238 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#E9EAEB\]{
  --tw-bg-opacity: 1;
  background-color: rgb(233 234 235 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#EAECF0\]{
  --tw-bg-opacity: 1;
  background-color: rgb(234 236 240 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#EFF7E8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(239 247 232 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#F0F9FF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#F2F4F7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#F5F6F8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 246 248 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#F8FAFC\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#F9FAFB\]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#F9FFF6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(249 255 246 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#FBFBFB\]{
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#FEC84B\]{
  --tw-bg-opacity: 1;
  background-color: rgb(254 200 75 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#FEF3C7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#FEF3F2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 242 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#FFEAEA\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 234 234 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#FFF4E6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 244 230 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#FFFAEB\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 250 235 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#FFF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#efefef\]{
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1));
}
.tw-bg-\[\#ffb74d1a\]{
  background-color: #ffb74d1a;
}
.tw-bg-\[rgba\(var\(--primary-color-rgb\)\,0\.1\)\]{
  background-color: rgba(var(--primary-color-rgb),0.1);
}
.tw-bg-\[var\(--primary-color\)\]{
  background-color: var(--primary-color);
}
.tw-bg-amber-50{
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.tw-bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.tw-bg-blue-200{
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
}
.tw-bg-blue-500{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.tw-bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.tw-bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.tw-bg-gray-300{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.tw-bg-gray-400{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}
.tw-bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.tw-bg-gray-900{
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.tw-bg-green-500{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.tw-bg-indigo-100{
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.tw-bg-lime-50{
  --tw-bg-opacity: 1;
  background-color: rgb(247 254 231 / var(--tw-bg-opacity, 1));
}
.tw-bg-lime-600{
  --tw-bg-opacity: 1;
  background-color: rgb(101 163 13 / var(--tw-bg-opacity, 1));
}
.tw-bg-red-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.tw-bg-red-400{
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}
.tw-bg-red-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.tw-bg-setPrimaryBackground{
  --tw-bg-opacity: 1;
  background-color: rgb(239 247 232 / var(--tw-bg-opacity, 1));
}
.tw-bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.tw-bg-transparent{
  background-color: transparent;
}
.tw-bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.tw-bg-yellow-400{
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
}
.tw-bg-zinc-200{
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1));
}
.tw-bg-zinc-50{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.tw-bg-opacity-25{
  --tw-bg-opacity: 0.25;
}
.tw-bg-opacity-50{
  --tw-bg-opacity: 0.5;
}
.tw-bg-opacity-80{
  --tw-bg-opacity: 0.8;
}
.tw-bg-\[linear-gradient\(180deg\,_\#F2F4F7_0\%\,_\#FFFFFF_100\%\)\]{
  background-image: linear-gradient(180deg, #F2F4F7 0%, #FFFFFF 100%);
}
.tw-from-\[\#F2F4F7\]{
  --tw-gradient-from: #F2F4F7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(242 244 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.tw-to-white{
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.tw-bg-clip-padding{
  background-clip: padding-box;
}
.tw-stroke-gray-400{
  stroke: #9ca3af;
}
.tw-object-contain{
  object-fit: contain;
}
.tw-object-cover{
  object-fit: cover;
}
.\!tw-p-0{
  padding: 0px !important;
}
.\!tw-p-\[0\.3125rem\]{
  padding: 0.3125rem !important;
}
.\!tw-p-\[0\.375rem\]{
  padding: 0.375rem !important;
}
.\!tw-p-\[0\.625rem\]{
  padding: 0.625rem !important;
}
.tw-p-0{
  padding: 0px;
}
.tw-p-0\.5{
  padding: 0.125rem;
}
.tw-p-1{
  padding: 0.25rem;
}
.tw-p-12{
  padding: 3rem;
}
.tw-p-2{
  padding: 0.5rem;
}
.tw-p-3{
  padding: 0.75rem;
}
.tw-p-4{
  padding: 1rem;
}
.tw-p-5{
  padding: 1.25rem;
}
.tw-p-6{
  padding: 1.5rem;
}
.tw-p-8{
  padding: 2rem;
}
.tw-p-\[0\.031rem\]{
  padding: 0.031rem;
}
.tw-p-\[0\.125rem\]{
  padding: 0.125rem;
}
.tw-p-\[0\.313rem\]{
  padding: 0.313rem;
}
.tw-p-\[0\.375rem\]{
  padding: 0.375rem;
}
.tw-p-\[0\.5rem\]{
  padding: 0.5rem;
}
.tw-p-\[0\.625rem\]{
  padding: 0.625rem;
}
.tw-p-\[0\.75rem\]{
  padding: 0.75rem;
}
.tw-p-\[0\.75rem_16px\]{
  padding: 0.75rem 16px;
}
.tw-p-\[0\.875rem\]{
  padding: 0.875rem;
}
.tw-p-\[1\.5rem\]{
  padding: 1.5rem;
}
.tw-p-\[1rem\]{
  padding: 1rem;
}
.tw-p-\[4\.5rem_120px_40px\]{
  padding: 4.5rem 120px 40px;
}
.\!tw-px-0{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.\!tw-px-12{
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.\!tw-px-8{
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.\!tw-px-\[0\.375rem\]{
  padding-left: 0.375rem !important;
  padding-right: 0.375rem !important;
}
.\!tw-px-\[0\.4375rem\]{
  padding-left: 0.4375rem !important;
  padding-right: 0.4375rem !important;
}
.\!tw-px-\[0\.625rem\]{
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
}
.\!tw-px-\[0\.75rem\]{
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.\!tw-px-\[0\.875rem\]{
  padding-left: 0.875rem !important;
  padding-right: 0.875rem !important;
}
.\!tw-px-\[0rem\]{
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}
.\!tw-px-\[1\.25rem\]{
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}
.\!tw-px-\[1\.5rem\]{
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.\!tw-px-\[1rem\]{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.\!tw-px-\[2\.5rem\]{
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}
.\!tw-px-\[7\.5rem\]{
  padding-left: 7.5rem !important;
  padding-right: 7.5rem !important;
}
.\!tw-py-0{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.\!tw-py-8{
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.\!tw-py-\[0\.25rem\]{
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.\!tw-py-\[0\.2813rem\]{
  padding-top: 0.2813rem !important;
  padding-bottom: 0.2813rem !important;
}
.\!tw-py-\[0\.3125rem\]{
  padding-top: 0.3125rem !important;
  padding-bottom: 0.3125rem !important;
}
.\!tw-py-\[0\.375rem\]{
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}
.\!tw-py-\[0\.5rem\]{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.\!tw-py-\[0\.625rem\]{
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}
.\!tw-py-\[0\.75rem\]{
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.\!tw-py-\[1rem\]{
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.\!tw-py-\[2\.5rem\]{
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}
.tw-px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.tw-px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.tw-px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.tw-px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.tw-px-16{
  padding-left: 4rem;
  padding-right: 4rem;
}
.tw-px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.tw-px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.tw-px-24{
  padding-left: 6rem;
  padding-right: 6rem;
}
.tw-px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.tw-px-3\.5{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.tw-px-32{
  padding-left: 8rem;
  padding-right: 8rem;
}
.tw-px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.tw-px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.tw-px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.tw-px-7{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.tw-px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.tw-px-9{
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.tw-px-\[0\.125rem\]{
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.tw-px-\[0\.313rem\]{
  padding-left: 0.313rem;
  padding-right: 0.313rem;
}
.tw-px-\[0\.375rem\]{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.tw-px-\[0\.5rem\]{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.tw-px-\[0\.625rem\]{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.tw-px-\[0\.875rem\]{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.tw-px-\[0\.938rem\]{
  padding-left: 0.938rem;
  padding-right: 0.938rem;
}
.tw-px-\[1\.25rem\]{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.tw-px-\[1rem\]{
  padding-left: 1rem;
  padding-right: 1rem;
}
.tw-px-\[2\.5rem\]{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.tw-px-\[40px\]{
  padding-left: 40px;
  padding-right: 40px;
}
.tw-px-\[5px\]{
  padding-left: 5px;
  padding-right: 5px;
}
.tw-px-\[5rem\]{
  padding-left: 5rem;
  padding-right: 5rem;
}
.tw-px-\[6px\]{
  padding-left: 6px;
  padding-right: 6px;
}
.tw-px-\[7\.5rem\]{
  padding-left: 7.5rem;
  padding-right: 7.5rem;
}
.tw-py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}
.tw-py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.tw-py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.tw-py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.tw-py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.tw-py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.tw-py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.tw-py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.tw-py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.tw-py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.tw-py-3\.5{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.tw-py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.tw-py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.tw-py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.tw-py-7{
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.tw-py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.tw-py-\[0\.125rem\]{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.tw-py-\[0\.25rem\]{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.tw-py-\[0\.313rem\]{
  padding-top: 0.313rem;
  padding-bottom: 0.313rem;
}
.tw-py-\[0\.5rem\]{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.tw-py-\[0\.75rem\]{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.tw-py-\[1\.125rem\]{
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}
.tw-py-\[1\.25rem\]{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.tw-py-\[1\.375rem\]{
  padding-top: 1.375rem;
  padding-bottom: 1.375rem;
}
.tw-py-\[1\.5rem\]{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.tw-py-\[1\.875rem\]{
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}
.tw-py-\[1rem\]{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.tw-py-\[24px\]{
  padding-top: 24px;
  padding-bottom: 24px;
}
.tw-py-\[2px\]{
  padding-top: 2px;
  padding-bottom: 2px;
}
.tw-py-\[3rem\]{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.tw-py-\[4rem\]{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.\!tw-pb-0{
  padding-bottom: 0px !important;
}
.\!tw-pb-12{
  padding-bottom: 3rem !important;
}
.\!tw-pb-6{
  padding-bottom: 1.5rem !important;
}
.\!tw-pb-\[1\.5rem\]{
  padding-bottom: 1.5rem !important;
}
.\!tw-pe-0{
  -webkit-padding-end: 0px !important;
          padding-inline-end: 0px !important;
}
.\!tw-pe-3{
  -webkit-padding-end: 0.75rem !important;
          padding-inline-end: 0.75rem !important;
}
.\!tw-pe-6{
  -webkit-padding-end: 1.5rem !important;
          padding-inline-end: 1.5rem !important;
}
.\!tw-pl-0{
  padding-left: 0px !important;
}
.\!tw-pl-6{
  padding-left: 1.5rem !important;
}
.\!tw-pl-\[0\.875rem\]{
  padding-left: 0.875rem !important;
}
.\!tw-pl-\[1\.375rem\]{
  padding-left: 1.375rem !important;
}
.\!tw-pl-\[2\.25rem\]{
  padding-left: 2.25rem !important;
}
.\!tw-pr-0{
  padding-right: 0px !important;
}
.\!tw-pr-4{
  padding-right: 1rem !important;
}
.\!tw-pr-6{
  padding-right: 1.5rem !important;
}
.\!tw-pr-\[0\.625rem\]{
  padding-right: 0.625rem !important;
}
.\!tw-pr-\[1\.5rem\]{
  padding-right: 1.5rem !important;
}
.\!tw-pt-0{
  padding-top: 0px !important;
}
.\!tw-pt-12{
  padding-top: 3rem !important;
}
.\!tw-pt-4{
  padding-top: 1rem !important;
}
.\!tw-pt-6{
  padding-top: 1.5rem !important;
}
.\!tw-pt-\[2rem\]{
  padding-top: 2rem !important;
}
.tw-pb-0{
  padding-bottom: 0px;
}
.tw-pb-1{
  padding-bottom: 0.25rem;
}
.tw-pb-10{
  padding-bottom: 2.5rem;
}
.tw-pb-11{
  padding-bottom: 2.75rem;
}
.tw-pb-12{
  padding-bottom: 3rem;
}
.tw-pb-14{
  padding-bottom: 3.5rem;
}
.tw-pb-16{
  padding-bottom: 4rem;
}
.tw-pb-2{
  padding-bottom: 0.5rem;
}
.tw-pb-3{
  padding-bottom: 0.75rem;
}
.tw-pb-4{
  padding-bottom: 1rem;
}
.tw-pb-40{
  padding-bottom: 10rem;
}
.tw-pb-5{
  padding-bottom: 1.25rem;
}
.tw-pb-6{
  padding-bottom: 1.5rem;
}
.tw-pb-8{
  padding-bottom: 2rem;
}
.tw-pb-9{
  padding-bottom: 2.25rem;
}
.tw-pb-\[0\.125rem\]{
  padding-bottom: 0.125rem;
}
.tw-pb-\[0\.313rem\]{
  padding-bottom: 0.313rem;
}
.tw-pb-\[0\.5rem\]{
  padding-bottom: 0.5rem;
}
.tw-pb-\[0\.75rem\]{
  padding-bottom: 0.75rem;
}
.tw-pb-\[1\.25rem\]{
  padding-bottom: 1.25rem;
}
.tw-pb-\[1\.875rem\]{
  padding-bottom: 1.875rem;
}
.tw-pb-\[1rem\]{
  padding-bottom: 1rem;
}
.tw-pb-\[2px\]{
  padding-bottom: 2px;
}
.tw-pb-\[3rem\]{
  padding-bottom: 3rem;
}
.tw-pb-\[5rem\]{
  padding-bottom: 5rem;
}
.tw-pe-6{
  -webkit-padding-end: 1.5rem;
          padding-inline-end: 1.5rem;
}
.tw-pe-\[1\.5rem\]{
  -webkit-padding-end: 1.5rem;
          padding-inline-end: 1.5rem;
}
.tw-pl-0\.5{
  padding-left: 0.125rem;
}
.tw-pl-10{
  padding-left: 2.5rem;
}
.tw-pl-12{
  padding-left: 3rem;
}
.tw-pl-16{
  padding-left: 4rem;
}
.tw-pl-2{
  padding-left: 0.5rem;
}
.tw-pl-4{
  padding-left: 1rem;
}
.tw-pl-5{
  padding-left: 1.25rem;
}
.tw-pl-6{
  padding-left: 1.5rem;
}
.tw-pl-8{
  padding-left: 2rem;
}
.tw-pl-\[0\.5rem\]{
  padding-left: 0.5rem;
}
.tw-pl-\[0\.75rem\]{
  padding-left: 0.75rem;
}
.tw-pl-\[1\.25rem\]{
  padding-left: 1.25rem;
}
.tw-pl-\[1\.563rem\]{
  padding-left: 1.563rem;
}
.tw-pl-\[1\.5rem\]{
  padding-left: 1.5rem;
}
.tw-pl-\[1rem\]{
  padding-left: 1rem;
}
.tw-pl-\[2\.5rem\]{
  padding-left: 2.5rem;
}
.tw-pl-\[8px\]{
  padding-left: 8px;
}
.tw-pr-0\.5{
  padding-right: 0.125rem;
}
.tw-pr-1{
  padding-right: 0.25rem;
}
.tw-pr-11{
  padding-right: 2.75rem;
}
.tw-pr-2{
  padding-right: 0.5rem;
}
.tw-pr-3{
  padding-right: 0.75rem;
}
.tw-pr-4{
  padding-right: 1rem;
}
.tw-pr-5{
  padding-right: 1.25rem;
}
.tw-pr-6{
  padding-right: 1.5rem;
}
.tw-pr-8{
  padding-right: 2rem;
}
.tw-pr-9{
  padding-right: 2.25rem;
}
.tw-pr-\[0\.5rem\]{
  padding-right: 0.5rem;
}
.tw-pr-\[0\.75rem\]{
  padding-right: 0.75rem;
}
.tw-pr-\[1\.25rem\]{
  padding-right: 1.25rem;
}
.tw-pr-\[1\.563rem\]{
  padding-right: 1.563rem;
}
.tw-pr-\[1\.5rem\]{
  padding-right: 1.5rem;
}
.tw-pr-\[2\.5rem\]{
  padding-right: 2.5rem;
}
.tw-pr-\[2rem\]{
  padding-right: 2rem;
}
.tw-pr-\[8px\]{
  padding-right: 8px;
}
.tw-ps-6{
  -webkit-padding-start: 1.5rem;
          padding-inline-start: 1.5rem;
}
.tw-ps-\[10rem\]{
  -webkit-padding-start: 10rem;
          padding-inline-start: 10rem;
}
.tw-ps-\[7\.5rem\]{
  -webkit-padding-start: 7.5rem;
          padding-inline-start: 7.5rem;
}
.tw-pt-0{
  padding-top: 0px;
}
.tw-pt-1{
  padding-top: 0.25rem;
}
.tw-pt-1\.5{
  padding-top: 0.375rem;
}
.tw-pt-12{
  padding-top: 3rem;
}
.tw-pt-2{
  padding-top: 0.5rem;
}
.tw-pt-20{
  padding-top: 5rem;
}
.tw-pt-3{
  padding-top: 0.75rem;
}
.tw-pt-4{
  padding-top: 1rem;
}
.tw-pt-5{
  padding-top: 1.25rem;
}
.tw-pt-6{
  padding-top: 1.5rem;
}
.tw-pt-8{
  padding-top: 2rem;
}
.tw-pt-\[0\.125rem\]{
  padding-top: 0.125rem;
}
.tw-pt-\[0\.25rem\]{
  padding-top: 0.25rem;
}
.tw-pt-\[0\.313rem\]{
  padding-top: 0.313rem;
}
.tw-pt-\[0\.5rem\]{
  padding-top: 0.5rem;
}
.tw-pt-\[0\.625rem\]{
  padding-top: 0.625rem;
}
.tw-pt-\[0\.938rem\]{
  padding-top: 0.938rem;
}
.tw-pt-\[1\.25rem\]{
  padding-top: 1.25rem;
}
.tw-pt-\[1\.875rem\]{
  padding-top: 1.875rem;
}
.tw-pt-\[3\.5rem\]{
  padding-top: 3.5rem;
}
.tw-pt-\[3rem\]{
  padding-top: 3rem;
}
.tw-pt-\[4px\]{
  padding-top: 4px;
}
.tw-pt-\[4rem\]{
  padding-top: 4rem;
}
.\!tw-text-left{
  text-align: left !important;
}
.tw-text-left{
  text-align: left;
}
.\!tw-text-center{
  text-align: center !important;
}
.tw-text-center{
  text-align: center;
}
.tw-text-right{
  text-align: right;
}
.tw-text-start{
  text-align: start;
}
.tw-text-end{
  text-align: end;
}
.tw-font-\[\'Lato\'\]{
  font-family: 'Lato';
}
.tw-font-\[Lato\]{
  font-family: Lato;
}
.tw-font-\[Satoshi\]{
  font-family: Satoshi;
}
.tw-font-\[sans-serif\]{
  font-family: sans-serif;
}
.tw-font-sans{
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.\!tw-text-2xl{
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}
.\!tw-text-\[1\.125rem\]{
  font-size: 1.125rem !important;
}
.\!tw-text-\[1\.25rem\]{
  font-size: 1.25rem !important;
}
.\!tw-text-\[1rem\]{
  font-size: 1rem !important;
}
.\!tw-text-\[2rem\]{
  font-size: 2rem !important;
}
.\!tw-text-base{
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.\!tw-text-lg{
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}
.\!tw-text-sm{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.\!tw-text-xl{
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}
.\!tw-text-xs{
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.tw-text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.tw-text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.tw-text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.tw-text-5xl{
  font-size: 3rem;
  line-height: 1;
}
.tw-text-6xl{
  font-size: 3.75rem;
  line-height: 1;
}
.tw-text-\[0\.75rem\]{
  font-size: 0.75rem;
}
.tw-text-\[0\.875rem\]{
  font-size: 0.875rem;
}
.tw-text-\[0\.938rem\]{
  font-size: 0.938rem;
}
.tw-text-\[1\.125rem\]{
  font-size: 1.125rem;
}
.tw-text-\[1\.25rem\]{
  font-size: 1.25rem;
}
.tw-text-\[1\.5rem\]{
  font-size: 1.5rem;
}
.tw-text-\[1\.75rem\]{
  font-size: 1.75rem;
}
.tw-text-\[12px\]{
  font-size: 12px;
}
.tw-text-\[14px\]{
  font-size: 14px;
}
.tw-text-\[15px\]{
  font-size: 15px;
}
.tw-text-\[16px\]{
  font-size: 16px;
}
.tw-text-\[1rem\]{
  font-size: 1rem;
}
.tw-text-\[2\.5rem\]{
  font-size: 2.5rem;
}
.tw-text-\[20px\]{
  font-size: 20px;
}
.tw-text-\[22px\]{
  font-size: 22px;
}
.tw-text-\[2rem\]{
  font-size: 2rem;
}
.tw-text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.tw-text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.tw-text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.tw-text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.tw-text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.\!tw-font-bold{
  font-weight: 700 !important;
}
.\!tw-font-medium{
  font-weight: 500 !important;
}
.\!tw-font-normal{
  font-weight: 400 !important;
}
.\!tw-font-semibold{
  font-weight: 600 !important;
}
.tw-font-black{
  font-weight: 900;
}
.tw-font-bold{
  font-weight: 700;
}
.tw-font-extrabold{
  font-weight: 800;
}
.tw-font-medium{
  font-weight: 500;
}
.tw-font-normal{
  font-weight: 400;
}
.tw-font-semibold{
  font-weight: 600;
}
.tw-lowercase{
  text-transform: lowercase;
}
.\!tw-capitalize{
  text-transform: capitalize !important;
}
.tw-capitalize{
  text-transform: capitalize;
}
.tw-italic{
  font-style: italic;
}
.\!tw-leading-6{
  line-height: 1.5rem !important;
}
.\!tw-leading-7{
  line-height: 1.75rem !important;
}
.\!tw-leading-\[0\]{
  line-height: 0 !important;
}
.\!tw-leading-\[1\.125rem\]{
  line-height: 1.125rem !important;
}
.\!tw-leading-\[1\.5rem\]{
  line-height: 1.5rem !important;
}
.\!tw-leading-\[1\.625rem\]{
  line-height: 1.625rem !important;
}
.\!tw-leading-\[1\.75rem\]{
  line-height: 1.75rem !important;
}
.\!tw-leading-none{
  line-height: 1 !important;
}
.\!tw-leading-normal{
  line-height: 1.5 !important;
}
.tw-leading-5{
  line-height: 1.25rem;
}
.tw-leading-6{
  line-height: 1.5rem;
}
.tw-leading-7{
  line-height: 1.75rem;
}
.tw-leading-8{
  line-height: 2rem;
}
.tw-leading-\[0\.75rem\]{
  line-height: 0.75rem;
}
.tw-leading-\[1\.25rem\]{
  line-height: 1.25rem;
}
.tw-leading-\[1\.5rem\]{
  line-height: 1.5rem;
}
.tw-leading-\[1\.625rem\]{
  line-height: 1.625rem;
}
.tw-leading-\[1\.6\]{
  line-height: 1.6;
}
.tw-leading-\[1\.75rem\]{
  line-height: 1.75rem;
}
.tw-leading-\[2\.25rem\]{
  line-height: 2.25rem;
}
.tw-leading-\[2\.2rem\]{
  line-height: 2.2rem;
}
.tw-leading-\[2\.5rem\]{
  line-height: 2.5rem;
}
.tw-leading-\[20px\]{
  line-height: 20px;
}
.tw-leading-\[24px\]{
  line-height: 24px;
}
.tw-leading-\[28px\]{
  line-height: 28px;
}
.tw-leading-\[2rem\]{
  line-height: 2rem;
}
.tw-leading-\[3\.75rem\]{
  line-height: 3.75rem;
}
.tw-leading-none{
  line-height: 1;
}
.tw-leading-normal{
  line-height: 1.5;
}
.tw-leading-relaxed{
  line-height: 1.625;
}
.tw-leading-snug{
  line-height: 1.375;
}
.tw-leading-tight{
  line-height: 1.25;
}
.\!tw-tracking-\[0\%\]{
  letter-spacing: 0% !important;
}
.\!tw-tracking-\[0rem\]{
  letter-spacing: 0rem !important;
}
.\!tw-tracking-normal{
  letter-spacing: 0em !important;
}
.tw-tracking-\[-0\.01em\]{
  letter-spacing: -0.01em;
}
.tw-tracking-\[-0\.02em\]{
  letter-spacing: -0.02em;
}
.tw-tracking-\[-0\.03em\]{
  letter-spacing: -0.03em;
}
.tw-tracking-\[0\%\]{
  letter-spacing: 0%;
}
.tw-tracking-\[0\]{
  letter-spacing: 0;
}
.tw-tracking-normal{
  letter-spacing: 0em;
}
.tw-tracking-tighter{
  letter-spacing: -0.05em;
}
.tw-tracking-wider{
  letter-spacing: 0.05em;
}
.\!tw-text-\[\#101828\]{
  --tw-text-opacity: 1 !important;
  color: rgb(16 24 40 / var(--tw-text-opacity, 1)) !important;
}
.\!tw-text-\[\#171717\]{
  --tw-text-opacity: 1 !important;
  color: rgb(23 23 23 / var(--tw-text-opacity, 1)) !important;
}
.\!tw-text-\[\#344054\]{
  --tw-text-opacity: 1 !important;
  color: rgb(52 64 84 / var(--tw-text-opacity, 1)) !important;
}
.\!tw-text-\[\#667085\]{
  --tw-text-opacity: 1 !important;
  color: rgb(102 112 133 / var(--tw-text-opacity, 1)) !important;
}
.\!tw-text-\[\#98A2B3\]{
  --tw-text-opacity: 1 !important;
  color: rgb(152 162 179 / var(--tw-text-opacity, 1)) !important;
}
.\!tw-text-\[\#FFFFFF\]{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.\!tw-text-gray-500{
  --tw-text-opacity: 1 !important;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important;
}
.\!tw-text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.tw-text-\[\#000000\]{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#00134D\]{
  --tw-text-opacity: 1;
  color: rgb(0 19 77 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#00A3FF\]{
  --tw-text-opacity: 1;
  color: rgb(0 163 255 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#026AA2\]{
  --tw-text-opacity: 1;
  color: rgb(2 106 162 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#0674C8\]{
  --tw-text-opacity: 1;
  color: rgb(6 116 200 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#0B121C\]{
  --tw-text-opacity: 1;
  color: rgb(11 18 28 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#101828\]{
  --tw-text-opacity: 1;
  color: rgb(16 24 40 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#141414\]{
  --tw-text-opacity: 1;
  color: rgb(20 20 20 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#141823\]{
  --tw-text-opacity: 1;
  color: rgb(20 24 35 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#15B555\]{
  --tw-text-opacity: 1;
  color: rgb(21 181 85 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#171717\]{
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#182230\]{
  --tw-text-opacity: 1;
  color: rgb(24 34 48 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#2E90FA\]{
  --tw-text-opacity: 1;
  color: rgb(46 144 250 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#303030\]{
  --tw-text-opacity: 1;
  color: rgb(48 48 48 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#344054\]{
  --tw-text-opacity: 1;
  color: rgb(52 64 84 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#475467\]{
  --tw-text-opacity: 1;
  color: rgb(71 84 103 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#535862\]{
  --tw-text-opacity: 1;
  color: rgb(83 88 98 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#5925DC\]{
  --tw-text-opacity: 1;
  color: rgb(89 37 220 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#5BAA15\]{
  --tw-text-opacity: 1;
  color: rgb(91 170 21 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#5FAF84\]{
  --tw-text-opacity: 1;
  color: rgb(95 175 132 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#606E88\]{
  --tw-text-opacity: 1;
  color: rgb(96 110 136 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#667085\]{
  --tw-text-opacity: 1;
  color: rgb(102 112 133 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#667372\]{
  --tw-text-opacity: 1;
  color: rgb(102 115 114 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#98A2B3\]{
  --tw-text-opacity: 1;
  color: rgb(152 162 179 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#D92D20\]{
  --tw-text-opacity: 1;
  color: rgb(217 45 32 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#D97706\]{
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#F4A266\]{
  --tw-text-opacity: 1;
  color: rgb(244 162 102 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#F59E0B\]{
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#FFFFFF\]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.tw-text-\[\#ffb74d\]{
  --tw-text-opacity: 1;
  color: rgb(255 183 77 / var(--tw-text-opacity, 1));
}
.tw-text-\[var\(--primary-color\)\]{
  color: var(--primary-color);
}
.tw-text-amber-600{
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.tw-text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.tw-text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.tw-text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.tw-text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.tw-text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.tw-text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.tw-text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.tw-text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.tw-text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.tw-text-green-500{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.tw-text-green-600{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.tw-text-lime-600{
  --tw-text-opacity: 1;
  color: rgb(101 163 13 / var(--tw-text-opacity, 1));
}
.tw-text-orange-500{
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}
.tw-text-purple-500{
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity, 1));
}
.tw-text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.tw-text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.tw-text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.tw-text-setPrimaryColor{
  --tw-text-opacity: 1;
  color: rgb(91 170 21 / var(--tw-text-opacity, 1));
}
.tw-text-sky-700{
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}
.tw-text-slate-600{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.tw-text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.tw-text-zinc-950{
  --tw-text-opacity: 1;
  color: rgb(9 9 11 / var(--tw-text-opacity, 1));
}
.tw-underline{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.tw-no-underline{
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.tw-placeholder-gray-400::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
.tw-opacity-0{
  opacity: 0;
}
.tw-opacity-100{
  opacity: 1;
}
.tw-opacity-30{
  opacity: 0.3;
}
.tw-opacity-50{
  opacity: 0.5;
}
.tw-opacity-60{
  opacity: 0.6;
}
.tw-opacity-80{
  opacity: 0.8;
}
.tw-bg-blend-multiply{
  background-blend-mode: multiply;
}
.\!tw-shadow-none{
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.tw-shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-shadow-\[0rem_0px_1px_rgba\(16\,24\,40\,0\.05\)\]{
  --tw-shadow: 0rem 0px 1px rgba(16,24,40,0.05);
  --tw-shadow-colored: 0rem 0px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-shadow-\[0rem_1px_4px_0px_\#2121341A\]{
  --tw-shadow: 0rem 1px 4px 0px #2121341A;
  --tw-shadow-colored: 0rem 1px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-shadow-\[0rem_1px_4px_0px_rgba\(33\,33\,52\,0\.1\)\]{
  --tw-shadow: 0rem 1px 4px 0px rgba(33,33,52,0.1);
  --tw-shadow-colored: 0rem 1px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-shadow-\[0rem_1px_4px_0px_rgba\(33\,33\,52\,0\.10\)\]{
  --tw-shadow: 0rem 1px 4px 0px rgba(33,33,52,0.10);
  --tw-shadow-colored: 0rem 1px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-shadow-\[0rem_1px_4px_rgba\(33\,33\,52\,0\.1\)\]{
  --tw-shadow: 0rem 1px 4px rgba(33,33,52,0.1);
  --tw-shadow-colored: 0rem 1px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-shadow-\[0rem_6px_12px_-0\.25rem_rgba\(62\,76\,91\,0\.12\)\]{
  --tw-shadow: 0rem 6px 12px -0.25rem rgba(62,76,91,0.12);
  --tw-shadow-colored: 0rem 6px 12px -0.25rem var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-shadow-\[inset_0px_4px_4px_rgba\(255\,255\,255\,0\.25\)\,_inset_0px_-0\.25rem_4px_rgba\(0\,0\,0\,0\.15\)\]{
  --tw-shadow: inset 0px 4px 4px rgba(255,255,255,0.25), inset 0px -0.25rem 4px rgba(0,0,0,0.15);
  --tw-shadow-colored: inset 0px 4px 4px var(--tw-shadow-color), inset 0px -0.25rem 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.tw-outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.tw-blur-sm{
  --tw-blur: blur(4px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.tw-transition{
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.tw-transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.tw-transition-colors{
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.tw-transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.tw-transition-shadow{
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.tw-transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.tw-duration-100{
  transition-duration: 100ms;
}
.tw-duration-150{
  transition-duration: 150ms;
}
.tw-duration-200{
  transition-duration: 200ms;
}
.tw-duration-300{
  transition-duration: 300ms;
}
.tw-ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
/*------------------rtl-css--------------------*/
::ng-deep body.rtl span.material-icons.vis-hide.ng-star-inserted {
  position: absolute;
}

::ng-deep body.rtl mat-error {
  text-align: right;
}

::ng-deep body.rtl mat-expansion-panel-header mat-panel-title {
  line-height: 1.125rem;
}

/*------------------rtl-css--------------------*/
/*------------------rtl-css--------------------*/
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
/*------------------rtl-css--------------------*/
::ng-deep body.rtl span.material-icons.vis-hide.ng-star-inserted {
  position: absolute;
}

::ng-deep body.rtl mat-error {
  text-align: right;
}

::ng-deep body.rtl mat-expansion-panel-header mat-panel-title {
  line-height: 1.125rem;
}

/*------------------rtl-css--------------------*/
/*------------------rtl-css--------------------*/
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
.mat-flat-button.gradient-btn {
  background: linear-gradient(to right, var(--primary-color-lighter), var(--primary-color));
  font-weight: bold;
}
.mat-flat-button.gradient-btn:disabled {
  background: #cdd0d8;
  color: #fff;
}
.mat-flat-button.cdk-program-focused .mat-button-focus-overlay {
  opacity: 0 !important;
}

xcdrs-carousel-slide-create-card .mat-stroked-button,
xcdrs-pricing-slide-create-card .mat-stroked-button,
xcdrs-slide-group-create-card .mat-stroked-button,
xcdrs-slide-create-card .mat-stroked-button {
  padding: 0 1.5rem !important;
}

.mat-stroked-button {
  font-weight: bold;
}
.mat-stroked-button:not(:disabled) {
  border: 0.063rem solid;
  border-color: var(--primary-color) !important;
}
.mat-stroked-button.cdk-program-focused .mat-button-focus-overlay {
  opacity: 0 !important;
}

.mat-button.disable-autofocus.cdk-program-focused .mat-button-focus-overlay, .mat-flat-button.disable-autofocus.cdk-program-focused .mat-button-focus-overlay, .mat-stroked-button.disable-autofocus.cdk-program-focused .mat-button-focus-overlay {
  opacity: 0 !important;
}

:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
.gray-icon {
  color: #aaadb8 !important;
}

:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
.mat-button-toggle-group {
  border-color: var(--primary-color);
}
.mat-button-toggle-group .mat-button-toggle-checked {
  background-color: var(--primary-color);
}
.mat-button-toggle-group .mat-button-toggle-checked .mat-button-toggle-label-content {
  color: #ffffff;
}
.mat-button-toggle-group .mat-button-toggle-label-content {
  font-size: var(--fs-1-rem);
  color: var(--primary-color);
}

:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
.mat-form-field.no-padding .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}
.mat-form-field.hide-mat-select-arrow .mat-select-arrow {
  visibility: hidden;
}
.mat-form-field.custom .mat-form-field-wrapper {
  height: 3.125rem;
  border: 0.063rem solid #d6d6d6;
  border-radius: 0.25rem;
  padding-left: 1.25rem;
  padding-right: 0.313rem;
}
.mat-form-field.custom.mat-focused .mat-form-field-wrapper {
  border-color: var(--primary-color);
}
.mat-form-field.custom .mat-form-field-underline {
  display: none;
}
.mat-form-field.custom .mat-form-field-label-wrapper {
  overflow: visible;
}
.mat-form-field.custom .mat-form-field-label {
  top: 1em;
  display: inline-block !important;
  width: auto !important;
  padding: 0 0.313rem;
  left: -0.313rem;
  background-color: #ffffff;
  font-size: var(--fs-1-rem);
  color: #94959c;
}
.mat-form-field.custom.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-1.45em) scale(0.75) perspective(6.25rem) translateZ(0rem) !important;
  -ms-transform: translateY(-1.45em) scale(0.75) !important;
}
.mat-form-field.custom input {
  font-size: var(--fs-1-rem);
  color: #101828;
  font-weight: bold;
}
.mat-form-field.custom .mat-form-field-subscript-wrapper {
  margin-top: 2em;
}
.mat-form-field.custom .mat-form-field-infix {
  position: relative;
  line-height: 1.4em;
}
.mat-form-field.custom .mat-form-field-infix .trigger {
  position: absolute;
  right: 0.938rem;
}
.mat-form-field.custom .mat-form-field-suffix {
  color: #aaadb8;
}
.mat-form-field.custom .mat-form-field-suffix mat-pass-toggle-visibility {
  font-size: var(--fs-1-25-rem);
  position: relative;
}
.mat-form-field.custom .mat-form-field-suffix mat-pass-toggle-visibility .mat-icon {
  font-size: var(--fs-1-5-rem) !important;
  position: relative;
}
.mat-form-field.custom.with-prefix .mat-form-field-infix {
  padding-left: 3.75rem;
}
.mat-form-field.custom.with-postfix .mat-form-field-infix {
  padding-left: 0rem;
  text-align: left;
}
.mat-form-field.custom .mat-select {
  height: 100%;
}
.mat-form-field.custom .mat-select .mat-select-value {
  font-size: var(--fs-1-rem);
  color: #101828;
  font-weight: bold;
}
.mat-form-field.custom .mat-select .mat-select-arrow {
  color: #101828;
}
.mat-form-field.bg-gray .mat-form-field-wrapper {
  background-color: #f6f7f9 !important;
}
.mat-form-field.no-border-h40 .mat-form-field-wrapper {
  height: 2.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0;
  border-radius: 0.25rem;
  background-color: white;
}
.mat-form-field.no-border-h40 .mat-form-field-flex {
  padding-top: 0;
}
.mat-form-field.no-border-h40 .mat-form-field-underline {
  display: none;
}
.mat-form-field.no-border-h40 .mat-form-field-infix {
  padding: 0 0.625rem 0.625rem 0.938rem;
}
.mat-form-field.no-border-h40 .mat-select-placeholder {
  font-weight: bold;
  color: #aaadb8;
}
.mat-form-field.no-border-h40 ::placeholder {
  font-weight: bold;
  color: #aaadb8;
  font-size: var(--fs-0-875-rem);
}
.mat-form-field.no-border-h40 ::placeholder::before {
  display: inline-block;
}
.mat-form-field.compressed {
  /*.mat-form-field-infix {
    padding: 0.75rem 0;
  }*/
}
.mat-form-field.compressed .mat-form-field-wrapper {
  margin: 0;
  padding-bottom: 0;
}
.mat-form-field.table-view-field textarea.mat-input-element {
  height: 1.125rem;
  min-height: 1.125rem;
}
.mat-form-field.table-view-field .mat-form-field-outline-start, .mat-form-field.table-view-field .mat-form-field-outline-end {
  border-radius: 0;
}
.mat-form-field.table-view-field.mat-form-field-appearance-outline:not(.mat-focused, .ng-invalid.ng-touched) .mat-form-field-outline {
  opacity: 0;
}
.mat-form-field .mat-date-range-input-container {
  font-size: var(--fs-1-rem);
  color: #101828;
  font-weight: bold;
}

.mat-form-field-appearance-outline.custom-outline .mat-form-field-outline-thick {
  color: var(--primary-color);
  border-width: 0.063rem;
}
.mat-form-field-appearance-outline.custom-outline .mat-form-field-outline-thick .mat-form-field-outline-start,
.mat-form-field-appearance-outline.custom-outline .mat-form-field-outline-thick .mat-form-field-outline-end,
.mat-form-field-appearance-outline.custom-outline .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border-width: 0.063rem !important;
}
.mat-form-field-appearance-outline.custom-error-outline .mat-form-field-outline-thick {
  opacity: 1;
  color: #e21b24;
  border-width: 0.063rem;
}
.mat-form-field-appearance-outline.custom-error-outline .mat-form-field-outline-thick .mat-form-field-outline-start,
.mat-form-field-appearance-outline.custom-error-outline .mat-form-field-outline-thick .mat-form-field-outline-end,
.mat-form-field-appearance-outline.custom-error-outline .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border-width: 0.063rem !important;
}
.mat-form-field-appearance-outline.custom-error-outline .mat-form-field-label {
  color: #e21b24;
}
.mat-form-field-appearance-outline.custom-error-outline .mat-form-field-label span {
  color: #e21b24;
}
.mat-form-field-appearance-outline.custom-error-outline .mat-hint {
  color: #e21b24;
}

.mat-select-panel:not([class*=mat-elevation-z]) {
  border-radius: 0.25rem;
  background: white;
  box-shadow: 0 0.625rem 1.25rem 0 rgba(198, 201, 210, 0.25);
}

@media only screen and (min-width: 577px) {
  .custom-options-list-multiple {
    position: absolute;
    left: 2rem;
    right: 0;
    margin-top: 2.188rem;
    margin-bottom: 1.875rem;
  }
  body.rtl .custom-options-list-multiple {
    left: 0 !important;
    right: 2rem !important;
  }
  .custom-options-list-multiple mat-option {
    border-bottom: 0.063rem solid #eee;
  }
  .custom-options-list-multiple mat-option mat-pseudo-checkbox {
    border: 0.063rem solid #cdd0d8;
    width: 1.25rem;
    height: 1.25rem;
  }
  .custom-options-list-multiple mat-option .mat-pseudo-checkbox-checked::after {
    left: 0.125rem;
    width: 0.75rem;
    height: 0.375rem;
  }
}
.custom-options-list {
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 2.188rem;
  margin-bottom: 1.875rem;
}

.selects .no-border-h40 .mat-form-field-wrapper {
  padding-top: 0;
}
.selects .no-border-h40 .mat-form-field-infix {
  padding: 0 0.5rem 0.5rem 0.969rem;
}
.selects .no-border-h40 .mat-select-trigger {
  margin-top: -0.125rem;
}
.selects .no-border-h40 .mat-select-placeholder {
  font-size: var(--fs-0-875-rem);
  font-weight: bold;
  color: #aaadb8;
  line-height: 1.25rem;
}
.selects .no-border-h40 ::placeholder {
  font-size: var(--fs-0-875-rem);
  font-weight: bold;
  color: #aaadb8;
}
.selects .no-border-h40 ::placeholder::before {
  display: inline-block;
}
.selects .mat-select-arrow-wrapper {
  background-image: url("/assets/images/icons/arrow-down.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.selects .mat-select-arrow {
  border-top: 0;
}

.mat-form-field-infix-padding-0-8-em.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 0.8em 0 !important;
}

.rtl .mat-form-field.custom .mat-form-field-label {
  left: auto;
}
.rtl .mat-form-field.custom.with-prefix {
  text-align: left;
}
.rtl .mat-form-field.custom.with-prefix input {
  direction: ltr;
}
.rtl .mat-form-field.custom.with-prefix.with-postfix {
  text-align: left;
}
.rtl .mat-form-field.custom.with-prefix.with-postfix input {
  direction: ltr;
}

@media only screen and (max-width: 576px) {
  .custom-options-list-multiple {
    min-width: calc(100vw - 1rem) !important;
    position: absolute;
    left: 0;
    margin-top: 2.188rem;
    margin-bottom: 1.875rem;
  }
  body.rtl .custom-options-list-multiple {
    left: unset !important;
    right: 0;
  }
}
[dir=rtl] .mat-form-field.force-ltr {
  direction: ltr !important;
  text-align: left !important;
}
[dir=rtl] .mat-form-field.force-ltr .mat-form-field-outline-start {
  border-right: none !important;
  border-left: 0.063rem solid currentColor !important;
  left: 0 !important;
  right: auto !important;
  border-radius: 0.25rem 0 0 0.25rem !important;
}
[dir=rtl] .mat-form-field.force-ltr .mat-form-field-outline-end {
  border-left: none !important;
  border-right: 0.063rem solid currentColor !important;
  right: 0 !important;
  left: auto !important;
  border-radius: 0 0.25rem 0.25rem 0 !important;
}
[dir=rtl] .mat-form-field.force-ltr .mat-form-field-outline-gap {
  border-top: 0.063rem solid currentColor !important;
  border-bottom: 0.063rem solid currentColor !important;
  border-left: none !important;
  border-right: none !important;
  left: 0 !important;
  right: 0 !important;
}
[dir=rtl] .mat-form-field.force-ltr .mat-form-field-outline-notch {
  border-left: 0.063rem solid currentColor !important;
  border-right: 0.063rem solid currentColor !important;
  left: 0 !important;
  right: auto !important;
}
[dir=rtl] .mat-form-field.force-ltr.mat-focused .mat-form-field-outline-start {
  border-left: 0.125rem solid var(--primary-color, #1976d2) !important;
}
[dir=rtl] .mat-form-field.force-ltr.mat-focused .mat-form-field-outline-end {
  border-right: 0.125rem solid var(--primary-color, #1976d2) !important;
}
[dir=rtl] .mat-form-field.force-ltr.mat-focused .mat-form-field-outline-gap {
  border-top: 0.125rem solid var(--primary-color, #1976d2) !important;
  border-bottom: 0.125rem solid var(--primary-color, #1976d2) !important;
}
[dir=rtl] .mat-form-field.force-ltr.mat-focused .mat-form-field-outline-notch {
  border-left: 0.125rem solid var(--primary-color, #1976d2) !important;
  border-right: 0.125rem solid var(--primary-color, #1976d2) !important;
}
[dir=rtl] .mat-form-field.force-ltr.mat-form-field-invalid .mat-form-field-outline-start {
  border-left: 0.125rem solid #f44336 !important;
}
[dir=rtl] .mat-form-field.force-ltr.mat-form-field-invalid .mat-form-field-outline-end {
  border-right: 0.125rem solid #f44336 !important;
}
[dir=rtl] .mat-form-field.force-ltr.mat-form-field-invalid .mat-form-field-outline-gap {
  border-top: 0.125rem solid #f44336 !important;
  border-bottom: 0.125rem solid #f44336 !important;
}
[dir=rtl] .mat-form-field.force-ltr.mat-form-field-invalid .mat-form-field-outline-notch {
  border-left: 0.125rem solid #f44336 !important;
  border-right: 0.125rem solid #f44336 !important;
}
[dir=rtl] .mat-form-field.force-ltr.ng-touched:not(.mat-focused):not(.mat-form-field-invalid):not(.mat-form-field-should-float) .mat-form-field-outline-start {
  border-left: 0.063rem solid currentColor !important;
}
[dir=rtl] .mat-form-field.force-ltr.ng-touched:not(.mat-focused):not(.mat-form-field-invalid):not(.mat-form-field-should-float) .mat-form-field-outline-end {
  border-right: 0.063rem solid currentColor !important;
}
[dir=rtl] .mat-form-field.force-ltr.ng-touched:not(.mat-focused):not(.mat-form-field-invalid):not(.mat-form-field-should-float) .mat-form-field-outline-gap {
  border-top: 0.063rem solid currentColor !important;
  border-bottom: 0.063rem solid currentColor !important;
}
[dir=rtl] .mat-form-field.force-ltr.ng-touched:not(.mat-focused):not(.mat-form-field-invalid):not(.mat-form-field-should-float) .mat-form-field-outline-notch {
  border-left: 0.063rem solid currentColor !important;
  border-right: 0.063rem solid currentColor !important;
}
[dir=rtl] .mat-form-field.force-ltr.mat-form-field-should-float.mat-focused:not(.mat-form-field-invalid) .mat-form-field-outline-start, [dir=rtl] .mat-form-field.force-ltr.ng-touched.mat-focused:not(.mat-form-field-invalid) .mat-form-field-outline-start {
  border-left: 0.125rem solid var(--primary-color, #1976d2) !important;
}
[dir=rtl] .mat-form-field.force-ltr.mat-form-field-should-float.mat-focused:not(.mat-form-field-invalid) .mat-form-field-outline-end, [dir=rtl] .mat-form-field.force-ltr.ng-touched.mat-focused:not(.mat-form-field-invalid) .mat-form-field-outline-end {
  border-right: 0.125rem solid var(--primary-color, #1976d2) !important;
}
[dir=rtl] .mat-form-field.force-ltr.mat-form-field-should-float.mat-focused:not(.mat-form-field-invalid) .mat-form-field-outline-gap, [dir=rtl] .mat-form-field.force-ltr.ng-touched.mat-focused:not(.mat-form-field-invalid) .mat-form-field-outline-gap {
  border-top: 0.125rem solid var(--primary-color, #1976d2) !important;
  border-bottom: 0.125rem solid var(--primary-color, #1976d2) !important;
}
[dir=rtl] .mat-form-field.force-ltr.mat-form-field-should-float.mat-focused:not(.mat-form-field-invalid) .mat-form-field-outline-notch, [dir=rtl] .mat-form-field.force-ltr.ng-touched.mat-focused:not(.mat-form-field-invalid) .mat-form-field-outline-notch {
  border-left: 0.125rem solid var(--primary-color, #1976d2) !important;
  border-right: 0.125rem solid var(--primary-color, #1976d2) !important;
}
[dir=rtl] .mat-form-field.force-ltr .mat-form-field-wrapper:hover .mat-form-field-outline-start,
[dir=rtl] .mat-form-field.force-ltr .mat-form-field-flex:hover .mat-form-field-outline-start {
  border-left: 0.125rem solid currentColor !important;
}
[dir=rtl] .mat-form-field.force-ltr .mat-form-field-wrapper:hover .mat-form-field-outline-end,
[dir=rtl] .mat-form-field.force-ltr .mat-form-field-flex:hover .mat-form-field-outline-end {
  border-right: 0.125rem solid currentColor !important;
}
[dir=rtl] .mat-form-field.force-ltr .mat-form-field-wrapper:hover .mat-form-field-outline-gap,
[dir=rtl] .mat-form-field.force-ltr .mat-form-field-flex:hover .mat-form-field-outline-gap {
  border-top: 0.125rem solid currentColor !important;
  border-bottom: 0.125rem solid currentColor !important;
}
[dir=rtl] .mat-form-field.force-ltr.mat-form-field-should-float .mat-form-field-outline-gap {
  border-top: none !important;
}
[dir=rtl] .mat-form-field.force-ltr.mat-form-field-should-float .mat-form-field-wrapper:hover .mat-form-field-outline-start,
[dir=rtl] .mat-form-field.force-ltr.mat-form-field-should-float .mat-form-field-flex:hover .mat-form-field-outline-start {
  border-left: 0.125rem solid currentColor !important;
}
[dir=rtl] .mat-form-field.force-ltr.mat-form-field-should-float .mat-form-field-wrapper:hover .mat-form-field-outline-end,
[dir=rtl] .mat-form-field.force-ltr.mat-form-field-should-float .mat-form-field-flex:hover .mat-form-field-outline-end {
  border-right: 0.125rem solid currentColor !important;
}
[dir=rtl] .mat-form-field.force-ltr.mat-form-field-should-float .mat-form-field-wrapper:hover .mat-form-field-outline-gap,
[dir=rtl] .mat-form-field.force-ltr.mat-form-field-should-float .mat-form-field-flex:hover .mat-form-field-outline-gap {
  border-top: none !important;
  border-bottom: 0.125rem solid currentColor !important;
}

body.rtl .mat-form-field.force-ltr {
  direction: ltr !important;
  text-align: left !important;
}
body.rtl .mat-form-field.force-ltr .mat-form-field-outline-start {
  border-right: none !important;
  border-left: 0.063rem solid currentColor !important;
  left: 0 !important;
  right: auto !important;
  border-radius: 0.25rem 0 0 0.25rem !important;
}
body.rtl .mat-form-field.force-ltr .mat-form-field-outline-end {
  border-left: none !important;
  border-right: 0.063rem solid currentColor !important;
  right: 0 !important;
  left: auto !important;
  border-radius: 0 0.25rem 0.25rem 0 !important;
}
body.rtl .mat-form-field.force-ltr .mat-form-field-outline-gap {
  border-top: 0.063rem solid currentColor !important;
  border-bottom: 0.063rem solid currentColor !important;
  border-left: none !important;
  border-right: none !important;
  left: 0 !important;
  right: 0 !important;
}
body.rtl .mat-form-field.force-ltr .mat-form-field-outline-notch {
  border-left: 0.063rem solid currentColor !important;
  border-right: 0.063rem solid currentColor !important;
  left: 0 !important;
  right: auto !important;
}
body.rtl .mat-form-field.force-ltr.mat-focused .mat-form-field-outline-start {
  border-left: 0.125rem solid var(--primary-color, #1976d2) !important;
}
body.rtl .mat-form-field.force-ltr.mat-focused .mat-form-field-outline-end {
  border-right: 0.125rem solid var(--primary-color, #1976d2) !important;
}
body.rtl .mat-form-field.force-ltr.mat-focused .mat-form-field-outline-gap {
  border-top: 0.125rem solid var(--primary-color, #1976d2) !important;
  border-bottom: 0.125rem solid var(--primary-color, #1976d2) !important;
}
body.rtl .mat-form-field.force-ltr.mat-focused .mat-form-field-outline-notch {
  border-left: 0.125rem solid var(--primary-color, #1976d2) !important;
  border-right: 0.125rem solid var(--primary-color, #1976d2) !important;
}
body.rtl .mat-form-field.force-ltr.mat-form-field-invalid .mat-form-field-outline-start {
  border-left: 0.125rem solid #f44336 !important;
}
body.rtl .mat-form-field.force-ltr.mat-form-field-invalid .mat-form-field-outline-end {
  border-right: 0.125rem solid #f44336 !important;
}
body.rtl .mat-form-field.force-ltr.mat-form-field-invalid .mat-form-field-outline-gap {
  border-top: 0.125rem solid #f44336 !important;
  border-bottom: 0.125rem solid #f44336 !important;
}
body.rtl .mat-form-field.force-ltr.mat-form-field-invalid .mat-form-field-outline-notch {
  border-left: 0.125rem solid #f44336 !important;
  border-right: 0.125rem solid #f44336 !important;
}
body.rtl .mat-form-field.force-ltr.ng-touched:not(.mat-focused):not(.mat-form-field-invalid):not(.mat-form-field-should-float) .mat-form-field-outline-start {
  border-left: 0.063rem solid currentColor !important;
}
body.rtl .mat-form-field.force-ltr.ng-touched:not(.mat-focused):not(.mat-form-field-invalid):not(.mat-form-field-should-float) .mat-form-field-outline-end {
  border-right: 0.063rem solid currentColor !important;
}
body.rtl .mat-form-field.force-ltr.ng-touched:not(.mat-focused):not(.mat-form-field-invalid):not(.mat-form-field-should-float) .mat-form-field-outline-gap {
  border-top: 0.063rem solid currentColor !important;
  border-bottom: 0.063rem solid currentColor !important;
}
body.rtl .mat-form-field.force-ltr.ng-touched:not(.mat-focused):not(.mat-form-field-invalid):not(.mat-form-field-should-float) .mat-form-field-outline-notch {
  border-left: 0.063rem solid currentColor !important;
  border-right: 0.063rem solid currentColor !important;
}
body.rtl .mat-form-field.force-ltr.mat-form-field-should-float.mat-focused:not(.mat-form-field-invalid) .mat-form-field-outline-start, body.rtl .mat-form-field.force-ltr.ng-touched.mat-focused:not(.mat-form-field-invalid) .mat-form-field-outline-start {
  border-left: 0.125rem solid var(--primary-color, #1976d2) !important;
}
body.rtl .mat-form-field.force-ltr.mat-form-field-should-float.mat-focused:not(.mat-form-field-invalid) .mat-form-field-outline-end, body.rtl .mat-form-field.force-ltr.ng-touched.mat-focused:not(.mat-form-field-invalid) .mat-form-field-outline-end {
  border-right: 0.125rem solid var(--primary-color, #1976d2) !important;
}
body.rtl .mat-form-field.force-ltr.mat-form-field-should-float.mat-focused:not(.mat-form-field-invalid) .mat-form-field-outline-gap, body.rtl .mat-form-field.force-ltr.ng-touched.mat-focused:not(.mat-form-field-invalid) .mat-form-field-outline-gap {
  border-top: 0.125rem solid var(--primary-color, #1976d2) !important;
  border-bottom: 0.125rem solid var(--primary-color, #1976d2) !important;
}
body.rtl .mat-form-field.force-ltr.mat-form-field-should-float.mat-focused:not(.mat-form-field-invalid) .mat-form-field-outline-notch, body.rtl .mat-form-field.force-ltr.ng-touched.mat-focused:not(.mat-form-field-invalid) .mat-form-field-outline-notch {
  border-left: 0.125rem solid var(--primary-color, #1976d2) !important;
  border-right: 0.125rem solid var(--primary-color, #1976d2) !important;
}
body.rtl .mat-form-field.force-ltr .mat-form-field-wrapper:hover .mat-form-field-outline-start,
body.rtl .mat-form-field.force-ltr .mat-form-field-flex:hover .mat-form-field-outline-start {
  border-left: 0.125rem solid currentColor !important;
}
body.rtl .mat-form-field.force-ltr .mat-form-field-wrapper:hover .mat-form-field-outline-end,
body.rtl .mat-form-field.force-ltr .mat-form-field-flex:hover .mat-form-field-outline-end {
  border-right: 0.125rem solid currentColor !important;
}
body.rtl .mat-form-field.force-ltr .mat-form-field-wrapper:hover .mat-form-field-outline-gap,
body.rtl .mat-form-field.force-ltr .mat-form-field-flex:hover .mat-form-field-outline-gap {
  border-top: 0.125rem solid currentColor !important;
  border-bottom: 0.125rem solid currentColor !important;
}
body.rtl .mat-form-field.force-ltr.mat-form-field-should-float .mat-form-field-outline-gap {
  border-top: none !important;
}
body.rtl .mat-form-field.force-ltr.mat-form-field-should-float .mat-form-field-wrapper:hover .mat-form-field-outline-start,
body.rtl .mat-form-field.force-ltr.mat-form-field-should-float .mat-form-field-flex:hover .mat-form-field-outline-start {
  border-left: 0.125rem solid currentColor !important;
}
body.rtl .mat-form-field.force-ltr.mat-form-field-should-float .mat-form-field-wrapper:hover .mat-form-field-outline-end,
body.rtl .mat-form-field.force-ltr.mat-form-field-should-float .mat-form-field-flex:hover .mat-form-field-outline-end {
  border-right: 0.125rem solid currentColor !important;
}
body.rtl .mat-form-field.force-ltr.mat-form-field-should-float .mat-form-field-wrapper:hover .mat-form-field-outline-gap,
body.rtl .mat-form-field.force-ltr.mat-form-field-should-float .mat-form-field-flex:hover .mat-form-field-outline-gap {
  border-top: none !important;
  border-bottom: 0.125rem solid currentColor !important;
}

.mat-mdc-form-field.compressed .mat-mdc-form-field-bottom-align::before {
  display: none;
}

.mat-tab-group .mat-ink-bar {
  background-image: linear-gradient(to right, var(--primary-color-lighter) 0%, var(--primary-color) 100%);
  height: 0.25rem !important;
  border-radius: 0.25rem;
}
.mat-tab-group .mat-tab-header {
  border-bottom: none;
}
.mat-tab-group .mat-tab-header .mat-tab-labels {
  border-bottom: 0.063rem solid #dfe3e9;
}
@media only screen and (max-width: 768px) {
  .mat-tab-group .mat-tab-header .mat-tab-labels {
    justify-content: center;
  }
}
.mat-tab-group .mat-tab-header .mat-tab-labels .mat-tab-label {
  border-bottom: none;
  padding: 0rem 2.625rem;
  font-weight: bold;
  opacity: 1;
}
@media only screen and (max-width: 768px) {
  .mat-tab-group .mat-tab-header .mat-tab-labels .mat-tab-label {
    min-width: auto;
    padding: 0rem 0.625rem;
    margin: 0rem auto;
  }
}

:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
code-input {
  --item-height: 3.5rem!important;
  --item-spacing: 0.938rem!important;
}
code-input > span {
  width: 4.25rem;
}
code-input input {
  font-size: var(--fs-1-rem) !important;
  font-weight: bold;
  color: #101828;
}

:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
.mat-select-value {
  font-size: var(--fs-1-rem) !important;
  color: #101828 !important;
  font-weight: bold !important;
  line-height: normal;
}

.mat-input-element {
  font-size: var(--fs-1-rem) !important;
  font-weight: bold !important;
  color: #101828 !important;
}

textarea.mat-input-element {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 1.125rem;
}

.custom-ref-filter-input {
  font-size: var(--fs-0-875-rem) !important;
  font-weight: 400 !important;
}

.custom-ref-filter-input::placeholder {
  color: #98A2B3;
  opacity: 1;
}

.custom-ref-app-filter .mat-form-field-flex {
  padding: 0 0.25rem 0 0.75rem !important;
}

:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
.mat-body, .mat-body-1,
.mat-typography .mat-body, .mat-typography .mat-body-1,
.mat-typography {
  font-size: var(--fs-0-875-rem);
}

.mat-body-strong, .mat-body-2,
.mat-typography .mat-body-strong, .mat-typography .mat-body-2 {
  font-size: var(--fs-1-rem);
}

.mat-caption, .mat-small,
.mat-typography .mat-caption, .mat-typography .mat-small {
  font-size: var(--fs-0-75-rem);
}

.mat-subheading-1, .mat-typography .mat-subheading-1,
.mat-typography h4, .mat-typography .mat-h4 {
  font-size: var(--fs-0-875-rem);
}

.mat-subheading-2, .mat-typography .mat-subheading-2,
.mat-typography h3, .mat-typography .mat-h3 {
  font-size: var(--fs-1-rem);
}

.mat-title, .mat-typography .mat-title,
.mat-typography h2, .mat-typography .mat-h2 {
  font-size: var(--fs-1-25-rem);
}

.mat-headline, .mat-typography .mat-headline,
.mat-typography h1, .mat-typography .mat-h1 {
  font-size: var(--fs-1-5-rem);
}

.mat-display-1, .mat-typography .mat-display-1 {
  font-size: var(--fs-2-125-rem);
}

.mat-display-2, .mat-typography .mat-display-2 {
  font-size: var(--fs-3-rem);
}

.mat-display-3, .mat-typography .mat-display-3 {
  font-size: calc(3.75rem * (1 + var(--rate-of-font-size-change-percent) / 100));
}

.mat-display-4, .mat-typography .mat-display-4 {
  font-size: var(--fs-6-rem);
}

.mat-typography h1 {
  font-size: var(--fs-1-5-rem);
  line-height: 2rem;
  font-weight: 900;
  margin-top: 2rem;
  padding: 0;
}
.mat-typography h1.section-title {
  color: #101828;
  margin-bottom: 2rem;
}

/****expantion styles ****/
mat-accordion {
  margin: 0.5rem 0rem;
}
mat-accordion:not(.xs) .mat-expansion-panel-content {
  background-color: #ffffff;
}
mat-accordion .mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 0.625rem 1.25rem 0 rgba(198, 201, 210, 0.25);
}
mat-accordion .mat-expansion-panel-header-description,
mat-accordion .mat-expansion-indicator::after {
  color: #aaadb8;
}
mat-accordion.xs .mat-expansion-panel,
mat-accordion.xs .mat-expansion-panel-header-title, mat-accordion.sm .mat-expansion-panel,
mat-accordion.sm .mat-expansion-panel-header-title {
  background-color: transparent;
  color: #4d586e;
}
mat-accordion.xs .mat-expansion-panel-body, mat-accordion.sm .mat-expansion-panel-body {
  padding: 0rem 0.375rem;
}
mat-accordion.xs .mat-expansion-panel-content,
mat-accordion.xs .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover, mat-accordion.sm .mat-expansion-panel-content,
mat-accordion.sm .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
  background-color: transparent;
}

:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
mat-card {
  box-shadow: 0 0.625rem 1.25rem 0 rgba(198, 201, 210, 0.25) !important;
}
mat-card mat-card-header .mat-card-title:first-letter {
  text-transform: capitalize;
}
mat-card mat-label {
  color: #94959c;
}

:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
.mat-form-field.mat-focused .mat-form-field-label {
  color: var(--primary-color);
}

.mat-calendar-table-header-divider:after {
  background: rgba(0, 0, 0, 0.12);
}

.mat-calendar-table-header,
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.5411764706);
}

.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.8705882353);
  border-color: transparent;
}

.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, 0.3803921569);
}

.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.3803921569);
}

.mat-calendar-body-in-preview {
  color: rgba(0, 0, 0, 0.2392156863);
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.3803921569);
}

.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.1803921569);
}

.mat-calendar-body-in-range:before {
  background: var(--primary-color);
}

.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range:before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-calendar-body-comparison-bridge-start:before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
  background: linear-gradient(to right, var(--primary-color) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-calendar-body-comparison-bridge-end:before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
  background: linear-gradient(to left, var(--primary-color) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
  background: #a8dab5;
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-calendar-body-selected {
  background-color: var(--primary-color);
  color: #fff;
}

.mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}

.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 0.063rem #fff;
}

.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--primary-color);
}

@media (hover: hover) {
  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: var(--primary-color);
  }
}
.mat-datepicker-content {
  box-shadow: 0 0.125rem 0.25rem -0.063rem rgba(0, 0, 0, 0.2), 0 0.25rem 0.313rem rgba(0, 0, 0, 0.1411764706), 0 0.063rem 0.625rem rgba(0, 0, 0, 0.1215686275);
  background-color: #fff;
  color: rgba(0, 0, 0, 0.8705882353);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before {
  background: var(--primary-color);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range:before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
  background: linear-gradient(to right, var(--primary-color) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
  background: linear-gradient(to left, var(--primary-color) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
  background: #a8dab5;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: var(--primary-color);
  color: #fff;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 0.063rem #fff;
}

.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--primary-color);
}

@media (hover: hover) {
  .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: var(--primary-color);
  }
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before {
  background: rgba(244, 67, 54, 0.2);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range:before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
  background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
  background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
  background: #a8dab5;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #f44336;
  color: #fff;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, 0.4);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 0.063rem #fff;
}

.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(244, 67, 54, 0.3019607843);
}

@media (hover: hover) {
  .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(244, 67, 54, 0.3019607843);
  }
}
.mat-datepicker-content-touch {
  box-shadow: 0 0.688rem 0.938rem -0.438rem rgba(0, 0, 0, 0.2), 0 1.5rem 2.375rem 0.188rem rgba(0, 0, 0, 0.1411764706), 0 0.563rem 2.875rem 0.5rem rgba(0, 0, 0, 0.1215686275);
}

.mat-datepicker-toggle-active,
.mat-datepicker-toggle-active.mat-accent {
  color: var(--primary-color);
}

.mat-datepicker-toggle-active.mat-warn {
  color: #f44336;
}

.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, 0.3803921569);
}

.ngx-mat-timepicker form .ngx-mat-timepicker-table .ngx-mat-timepicker-tbody tr td .mat-mdc-form-field .mdc-text-field--filled {
  font-weight: bold;
}

/* -------------------------------------------------
   Outlined buttons
   -------------------------------------------------*/
/* 1. Label text colour */
/* 2. Border colour                                   *
*    A) Old-school fallback border override           */
.ngx-mat-timepicker form .ngx-mat-timepicker-table .ngx-mat-timepicker-tbody .mat-mdc-outlined-button:not(:disabled) {
  border-color: var(--primary-color) !important;
}
.ngx-mat-timepicker form .ngx-mat-timepicker-table .ngx-mat-timepicker-tbody .mat-mdc-outlined-button:not(:disabled) .mdc-button__label {
  color: var(--primary-color) !important;
}

.custom-app-calendar {
  /* 2. Weekday Names (Mo, Tu, We...) */
  /* 3. The Date Cells */
  /* 4. The Active/Selected Circle (Green 10) */
  /* 5. Non-Current Month Dates (30, 31, 1, 2) */
  /* 6. The Indicator Dots (Custom Class) */
}
.custom-app-calendar .mat-calendar {
  padding: 1.25rem 1.5rem;
  width: 100% !important;
}
.custom-app-calendar .mat-calendar-header {
  padding: 0 !important;
  margin-bottom: 0.75rem !important;
  /* Force the Month/Year Button to the center */
  /* Force the Next Arrow to the last position */
}
.custom-app-calendar .mat-calendar-header .mat-calendar-controls {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
}
.custom-app-calendar .mat-calendar-header .mat-calendar-spacer {
  display: none !important;
}
.custom-app-calendar .mat-calendar-header .mat-calendar-arrow {
  display: none;
}
.custom-app-calendar .mat-calendar-header .mat-calendar-previous-button {
  order: 1;
}
.custom-app-calendar .mat-calendar-header .mat-calendar-previous-button::after {
  color: #98A2B3 !important;
}
.custom-app-calendar .mat-calendar-header .mat-calendar-period-button {
  order: 2;
  flex-grow: 1;
  text-align: center;
  font-size: var(--fs-0-875-rem);
  font-weight: 700;
  color: #101828;
  line-height: 1.25rem;
}
.custom-app-calendar .mat-calendar-header .mat-calendar-next-button {
  order: 3;
}
.custom-app-calendar .mat-calendar-next-button::after {
  color: #98A2B3 !important;
}
.custom-app-calendar .mat-calendar-table-header th {
  font-size: var(--fs-0-875-rem);
  font-weight: 500;
  color: #101828;
  padding: 0.625rem 0.5rem;
  line-height: 1.25rem;
}
.custom-app-calendar .mat-calendar-table-header .mat-calendar-table-header-divider {
  display: none !important;
}
.custom-app-calendar .mat-calendar-content {
  padding: 0 !important;
}
.custom-app-calendar .mat-calendar-body-cell {
  height: 2.5rem !important;
  width: 2.5rem !important;
}
.custom-app-calendar .mat-calendar-body-cell-content {
  font-size: var(--fs-0-875-rem);
  border: none;
  border-radius: 50% !important;
  color: #101828;
  font-weight: 400;
  line-height: 1.25rem;
}
.custom-app-calendar .mat-calendar-body-selected {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}
.custom-app-calendar .mat-calendar-body-cell:not(.mat-calendar-body-in-range) {
  color: #98A2B3;
}
.custom-app-calendar .has-indicator-dot .mat-calendar-body-cell-content::after {
  content: "";
  position: absolute;
  bottom: 0.25rem; /* Adjust based on your cell size */
  left: 50%;
  transform: translateX(-50%);
  width: 0.313rem;
  height: 0.313rem;
  background-color: var(--primary-color); /* Your green color */
  border-radius: 50%;
}
.custom-app-calendar .has-indicator-dot .mat-calendar-body-cell-content.mat-calendar-body-selected::after {
  background-color: white;
}

.rtl {
  direction: rtl;
}
.rtl .btn-close {
  right: auto !important;
  left: -0.938rem !important;
}
.rtl .auth-form-container .tel-prefix {
  direction: ltr;
}
.rtl .mat-form-field.custom.with-postfix .mat-form-field-suffix {
  position: absolute;
  bottom: 0;
}
.rtl .mat-form-field.custom.with-postfix .mat-form-field-suffix > .postfix-span {
  position: absolute;
  direction: ltr;
}
.rtl .rtl-rotate-180 {
  transform: rotate(180deg);
}

.hide-dialog {
  opacity: 0;
}

.close-dialog-btn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1rem;
  line-height: 0.875rem;
  min-width: auto;
  cursor: pointer;
}

.rtl .close-dialog-btn {
  right: auto;
  left: 0;
}

.cdk-overlay-dark-backdrop {
  background-color: rgba(54, 73, 111, 0.1);
  -webkit-backdrop-filter: blur(0.05rem);
  backdrop-filter: blur(0.05rem);
}

.tag-dialog .mat-dialog-container,
.request-dialog .mat-dialog-container,
.share-link-dialog .mat-dialog-container,
.event-settings-dialog .mat-dialog-container,
.connect-calendar-dialog .mat-dialog-container,
.share-product-dialog .mat-dialog-container,
.convert-event-dialog .mat-dialog-container {
  position: relative;
  padding: 0;
  margin: 0;
}
.tag-dialog .mat-dialog-content,
.request-dialog .mat-dialog-content,
.share-link-dialog .mat-dialog-content,
.event-settings-dialog .mat-dialog-content,
.connect-calendar-dialog .mat-dialog-content,
.share-product-dialog .mat-dialog-content,
.convert-event-dialog .mat-dialog-content {
  padding: 0;
  margin: 0;
}
.tag-dialog .mat-dialog-actions,
.request-dialog .mat-dialog-actions,
.share-link-dialog .mat-dialog-actions,
.event-settings-dialog .mat-dialog-actions,
.connect-calendar-dialog .mat-dialog-actions,
.share-product-dialog .mat-dialog-actions,
.convert-event-dialog .mat-dialog-actions {
  padding: 0;
  margin: 0;
}

@media only screen and (max-width: 576px) {
  .cdk-overlay-container.z-999 {
    z-index: 999;
  }
  .tag-dialog .mat-dialog-container,
  .tag-dialog .convert-event-dialog,
  .event-settings-dialog .mat-dialog-container,
  .event-settings-dialog .convert-event-dialog,
  .connect-calendar-dialog .mat-dialog-container,
  .connect-calendar-dialog .convert-event-dialog {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
  }
  .signin-propose-dialog .mat-dialog-container {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    border-radius: 0.25rem;
    box-shadow: 0 0.625rem 1.25rem 0 rgba(198, 201, 210, 0.25);
    overflow: auto;
    overflow-x: hidden;
    padding: 1rem;
    width: auto;
    height: auto;
  }
}
.large-dialog .mat-dialog-container {
  position: relative;
}

.booking-calendar-dialog .mat-mdc-dialog-container .mdc-dialog__surface {
  overflow: hidden !important;
  border-radius: 0.5rem !important;
}

:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
/*------------------rtl-css--------------------*/
::ng-deep body.rtl span.material-icons.vis-hide.ng-star-inserted {
  position: absolute;
}

::ng-deep body.rtl mat-error {
  text-align: right;
}

::ng-deep body.rtl mat-expansion-panel-header mat-panel-title {
  line-height: 1.125rem;
}

/*------------------rtl-css--------------------*/
/*------------------rtl-css--------------------*/
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
/*------------------rtl-css--------------------*/
::ng-deep body.rtl span.material-icons.vis-hide.ng-star-inserted {
  position: absolute;
}

::ng-deep body.rtl mat-error {
  text-align: right;
}

::ng-deep body.rtl mat-expansion-panel-header mat-panel-title {
  line-height: 1.125rem;
}

/*------------------rtl-css--------------------*/
/*------------------rtl-css--------------------*/
.social-links-list {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
  list-style: none;
}
.social-links-list .social-link-item {
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
.social-links-list .social-link-item:not(:last-child) {
  margin-right: 0.5rem;
}

.rtl .social-links-list .social-link-item:not(:last-child) {
  margin-right: 0;
  margin-left: 0.5rem;
}

.share-tick::after {
  width: 0.75rem;
  height: 0.75rem;
  line-height: 0.75rem;
  font-size: var(--fs-0-5-rem);
  position: absolute;
  right: -0.375rem;
  top: 0rem;
  content: "done";
  font-family: "Material Icons";
  background-color: var(--primary-color) !important;
  border-radius: 50%;
  color: white;
}

.links-list {
  position: absolute;
  top: 2.313rem;
  left: 0;
  z-index: 1;
  min-width: 16rem;
  list-style: none;
  margin: 0;
  padding: 0;
  border-radius: 0.25rem;
  box-shadow: 0 0.313rem 2.5rem 0 rgba(198, 201, 210, 0.6);
  background: white;
}
.links-list .list-item {
  display: flex;
  padding: 0.625rem 1rem;
}
.links-list .list-item .item-link {
  display: block;
  cursor: pointer;
  width: 100%;
  height: 100%;
  font-size: var(--fs-1-rem);
  font-weight: bold;
  line-height: 1.5;
  color: #101828;
}
.links-list .list-item .item-link.share-link {
  padding-left: 2.5rem;
  background-image: url("/assets/images/icons/social/icon-social-other-primary.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.links-list .list-item .item-link.send-msg {
  padding-left: 2.5rem;
  background-image: url("/assets/images/icons/products/send_message.svg");
  background-size: contain;
  background-position: 0;
  background-repeat: no-repeat;
}
.links-list .list-item .item-link.schedule {
  padding-left: 2.5rem;
  background-image: url("/assets/images/icons/products/calendar.svg");
  background-size: contain;
  background-position: 0;
  background-repeat: no-repeat;
}
.links-list .list-item .item-link .upload-label {
  display: block;
  width: 100%;
  cursor: pointer;
}
.links-list .list-item:not(:last-child) {
  border-bottom: 0.063rem solid #f6f7f9;
}
.links-list .list-item:hover {
  opacity: 0.7;
}

.shared-product a {
  color: #0000EE;
}

:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
/*------------------rtl-css--------------------*/
::ng-deep body.rtl span.material-icons.vis-hide.ng-star-inserted {
  position: absolute;
}

::ng-deep body.rtl mat-error {
  text-align: right;
}

::ng-deep body.rtl mat-expansion-panel-header mat-panel-title {
  line-height: 1.125rem;
}

/*------------------rtl-css--------------------*/
/*------------------rtl-css--------------------*/
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
/*------------------rtl-css--------------------*/
::ng-deep body.rtl span.material-icons.vis-hide.ng-star-inserted {
  position: absolute;
}

::ng-deep body.rtl mat-error {
  text-align: right;
}

::ng-deep body.rtl mat-expansion-panel-header mat-panel-title {
  line-height: 1.125rem;
}

/*------------------rtl-css--------------------*/
/*------------------rtl-css--------------------*/
.tags-area {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.tags-area .tag {
  max-width: 10rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  padding: 0.125rem 0.5rem;
  margin-bottom: 0.5rem;
  white-space: nowrap;
  color: #94959c;
  border-radius: 0.25rem;
  background-color: #f2f2f2;
}
.tags-area .tag-counter {
  padding: 0.125rem 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: var(--fs-0-875-rem);
  color: var(--primary-color);
  background-color: transparent !important;
}
body.rtl .tags-area .tag-counter {
  margin-right: unset !important;
  margin-left: 0.5rem;
}

:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
owl-date-time-container {
  border-radius: 0.25rem;
}
owl-date-time-container .owl-dt-timer-hour12 {
  color: var(--primary-color);
}
owl-date-time-container .owl-dt-timer-hour12 .owl-dt-timer-hour12-box {
  border: none;
  border-radius: 0.125rem;
  padding: 0rem;
  font-size: var(--fs-0-875-rem);
}
owl-date-time-container .owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,
owl-date-time-container .owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content {
  background-color: var(--primary-color);
  padding: 0.25rem;
  font-size: var(--fs-0-75-rem);
  border-radius: 0.125rem;
}
owl-date-time-container .owl-dt-container-buttons {
  color: var(--primary-color);
}
owl-date-time-container .owl-dt-timer-content .owl-dt-timer-input {
  font-size: var(--fs-1-rem);
}

.cdk-overlay-pane.owl-dt-popup {
  width: 16.5em;
}

:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
.burger-menu-backdrop + .cdk-overlay-connected-position-bounding-box {
  left: 0 !important;
  right: 0 !important;
  top: 3.5rem !important;
  width: 100% !important;
}
.burger-menu-backdrop + .cdk-overlay-connected-position-bounding-box .cdk-overlay-pane {
  width: 100%;
  right: 0 !important;
  top: 0 !important;
}
.burger-menu-backdrop + .cdk-overlay-connected-position-bounding-box .burger-menu {
  width: 100%;
  max-width: 100%;
  border-radius: 0 0 0.25rem 0.25rem;
  box-shadow: 0 0.625rem 0.625rem -0.625rem rgba(0, 0, 0, 0.2);
}
.burger-menu-backdrop + .cdk-overlay-connected-position-bounding-box .burger-menu .burger-menu-item {
  display: flex;
  align-items: center;
  font-size: var(--fs-1-rem);
  font-weight: bold;
  color: #aaadb8;
}
.burger-menu-backdrop + .cdk-overlay-connected-position-bounding-box .burger-menu .burger-menu-item .header-tab-icon {
  display: flex;
  margin-right: 0.25rem;
  margin-left: 1rem;
}
.burger-menu-backdrop + .cdk-overlay-connected-position-bounding-box .burger-menu .burger-menu-item .header-tab-icon:after {
  display: none;
}
.burger-menu-backdrop + .cdk-overlay-connected-position-bounding-box .burger-menu .burger-menu-item span {
  margin-left: 1rem;
}
.burger-menu-backdrop + .cdk-overlay-connected-position-bounding-box .burger-menu .burger-menu-item.active svg path.icon-path {
  fill: var(--primary-color);
}
.burger-menu-backdrop + .cdk-overlay-connected-position-bounding-box .burger-menu .burger-menu-item.active span {
  color: var(--primary-color);
}
.burger-menu-backdrop + .cdk-overlay-connected-position-bounding-box .burger-menu .mat-menu-item-submenu-trigger::after {
  display: none;
}
.burger-menu-backdrop + .cdk-overlay-connected-position-bounding-box .burger-menu .menu-btn {
  margin-left: 1rem;
}
.burger-menu-backdrop + .cdk-overlay-connected-position-bounding-box .burger-menu .menu-btn a {
  font-size: var(--fs-1-rem);
}
.burger-menu-backdrop + .cdk-overlay-connected-position-bounding-box .mat-menu-item {
  padding: 0;
}

.hamburger-inner {
  color: red;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.7;
}
.hamburger.is-active:hover {
  opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #aaadb8;
}

.hamburger-box {
  width: 1.5rem;
  height: 0.75rem;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -0.0625rem;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 1.5rem;
  height: 0.125rem;
  background-color: #aaadb8;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -0.3125rem;
}
.hamburger-inner::after {
  bottom: -0.3125rem;
}

/*
 * 3DX
 */
.hamburger--3dx .hamburger-box {
  perspective: 3rem;
}
.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 0.3125rem, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -0.3125rem, 0) rotate(-45deg);
}

/*
 * 3DX Reverse
 */
.hamburger--3dx-r .hamburger-box {
  perspective: 3rem;
}
.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 0.3125rem, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -0.3125rem, 0) rotate(-45deg);
}

/*
 * 3DY
 */
.hamburger--3dy .hamburger-box {
  perspective: 3rem;
}
.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, 0.3125rem, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -0.3125rem, 0) rotate(-45deg);
}

/*
 * 3DY Reverse
 */
.hamburger--3dy-r .hamburger-box {
  perspective: 3rem;
}
.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 0.3125rem, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -0.3125rem, 0) rotate(-45deg);
}

/*
 * 3DXY
 */
.hamburger--3dxy .hamburger-box {
  perspective: 3rem;
}
.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg);
}
.hamburger--3dxy.is-active .hamburger-inner::before {
  transform: translate3d(0, 0.3125rem, 0) rotate(45deg);
}
.hamburger--3dxy.is-active .hamburger-inner::after {
  transform: translate3d(0, -0.3125rem, 0) rotate(-45deg);
}

/*
 * 3DXY Reverse
 */
.hamburger--3dxy-r .hamburger-box {
  perspective: 3rem;
}
.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 0.3125rem, 0) rotate(45deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -0.3125rem, 0) rotate(-45deg);
}

/*
 * Arrow
 */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-0.3rem, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-0.3rem, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Arrow Right
 */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(0.3rem, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(0.3rem, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Alt
 */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-0.3rem, -0.375rem, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-0.3rem, 0.375rem, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Alt Right
 */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(0.3rem, -0.375rem, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(0.3rem, 0.375rem, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Turn
 */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg);
}
.hamburger--arrowturn.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrowturn.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Turn Right
 */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Boring
 */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
  top: -0.625rem;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -0.3125rem, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Collapse Reverse
 */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
  top: -0.625rem;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -0.3125rem, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Elastic
 */
.hamburger--elastic .hamburger-inner {
  top: 0.0625rem;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
  top: 0.3125rem;
  transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic .hamburger-inner::after {
  top: 0.625rem;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 0.3125rem, 0) rotate(135deg);
  transition-delay: 0.075s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -0.625rem, 0) rotate(-270deg);
  transition-delay: 0.075s;
}

/*
 * Elastic Reverse
 */
.hamburger--elastic-r .hamburger-inner {
  top: 0.0625rem;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
  top: 0.3125rem;
  transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
  top: 0.625rem;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 0.3125rem, 0) rotate(-135deg);
  transition-delay: 0.075s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -0.625rem, 0) rotate(270deg);
  transition-delay: 0.075s;
}

/*
 * Emphatic
 */
.hamburger--emphatic {
  overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::after {
  top: 0.3125rem;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -3rem;
  top: -3rem;
  transform: translate3d(3rem, 3rem, 0) rotate(45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -3rem;
  top: -3rem;
  transform: translate3d(-3rem, 3rem, 0) rotate(-45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Emphatic Reverse
 */
.hamburger--emphatic-r {
  overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::after {
  top: 0.3125rem;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -3rem;
  top: 3rem;
  transform: translate3d(3rem, -3rem, 0) rotate(-45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -3rem;
  top: 3rem;
  transform: translate3d(-3rem, -3rem, 0) rotate(45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Minus
 */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}
.hamburger--minus.is-active .hamburger-inner::before {
  top: 0;
}
.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0;
}

/*
 * Slider
 */
.hamburger--slider .hamburger-inner {
  top: 0.0625rem;
}
.hamburger--slider .hamburger-inner::before {
  top: 0.3125rem;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
  top: 0.625rem;
}
.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 0.3125rem, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-0.2142857143rem, -0.1875rem, 0);
  opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -0.625rem, 0) rotate(-90deg);
}

/*
 * Slider Reverse
 */
.hamburger--slider-r .hamburger-inner {
  top: 0.0625rem;
}
.hamburger--slider-r .hamburger-inner::before {
  top: 0.3125rem;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
  top: 0.625rem;
}
.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 0.3125rem, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(0.2142857143rem, -0.1875rem, 0);
  opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -0.625rem, 0) rotate(90deg);
}

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spin Reverse
 */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spring
 */
.hamburger--spring .hamburger-inner {
  top: 0.0625rem;
  transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
  top: 0.3125rem;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
  top: 0.625rem;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 0.3125rem, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 0.3125rem, 0) rotate(-45deg);
}

/*
 * Spring Reverse
 */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
  top: -0.625rem;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -0.3125rem, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand
 */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand Reverse
 */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand-r .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Vortex
 */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform;
}
.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
}

/*
 * Vortex Reverse
 */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
/*------------------rtl-css--------------------*/
::ng-deep body.rtl span.material-icons.vis-hide.ng-star-inserted {
  position: absolute;
}

::ng-deep body.rtl mat-error {
  text-align: right;
}

::ng-deep body.rtl mat-expansion-panel-header mat-panel-title {
  line-height: 1.125rem;
}

/*------------------rtl-css--------------------*/
/*------------------rtl-css--------------------*/
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
/*------------------rtl-css--------------------*/
::ng-deep body.rtl span.material-icons.vis-hide.ng-star-inserted {
  position: absolute;
}

::ng-deep body.rtl mat-error {
  text-align: right;
}

::ng-deep body.rtl mat-expansion-panel-header mat-panel-title {
  line-height: 1.125rem;
}

/*------------------rtl-css--------------------*/
/*------------------rtl-css--------------------*/
.owl-theme .owl-nav .owl-next,
.owl-theme .owl-nav .owl-prev {
  visibility: hidden;
  position: absolute;
  height: 3rem;
  bottom: calc(50% - 1.5rem);
  z-index: 100;
  border-radius: 50%;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  color: #9A9B9F;
  cursor: pointer;
  font-family: "Material Icons";
  font-size: var(--fs-1-5-rem);
}
.owl-theme .owl-nav .owl-next.disabled,
.owl-theme .owl-nav .owl-prev.disabled {
  pointer-events: all;
}
.owl-theme .owl-nav .owl-next {
  right: 0.5rem;
}
body.rtl .owl-theme .owl-nav .owl-next {
  right: unset !important;
  left: 0.5rem;
  transform: rotate(180deg);
}
.owl-theme .owl-nav .owl-prev {
  left: 0.5rem;
}
body.rtl .owl-theme .owl-nav .owl-prev {
  left: unset !important;
  right: 0.5rem;
  transform: rotate(180deg);
}

owl-carousel-o:hover.wrapper .owl-next,
owl-carousel-o:hover.wrapper .owl-prev {
  visibility: visible;
  box-shadow: 0 0rem 2rem rgba(0, 0, 0, 0.35);
}

owl-carousel-o.wrapper:not(.full-width) .owl-stage {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
owl-carousel-o.wrapper:not(.full-width) .owl-stage .owl-item {
  width: 22.5rem;
}

body .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  padding: 0.25rem;
  margin: 0.25rem;
  border: 0.125rem solid var(--primary-color);
  background-color: white;
}

body .owl-theme .owl-dots .owl-dot span {
  padding: 0.25rem;
  margin: 0.25rem;
  border: 0.125rem solid transparent;
  background-color: #EAECF0;
}

:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
/*------------------rtl-css--------------------*/
::ng-deep body.rtl span.material-icons.vis-hide.ng-star-inserted {
  position: absolute;
}

::ng-deep body.rtl mat-error {
  text-align: right;
}

::ng-deep body.rtl mat-expansion-panel-header mat-panel-title {
  line-height: 1.125rem;
}

/*------------------rtl-css--------------------*/
/*------------------rtl-css--------------------*/
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
/*------------------rtl-css--------------------*/
::ng-deep body.rtl span.material-icons.vis-hide.ng-star-inserted {
  position: absolute;
}

::ng-deep body.rtl mat-error {
  text-align: right;
}

::ng-deep body.rtl mat-expansion-panel-header mat-panel-title {
  line-height: 1.125rem;
}

/*------------------rtl-css--------------------*/
/*------------------rtl-css--------------------*/
.blog-item-details .inner-wrapper {
  padding: 0 1rem;
}
.blog-item-details .inner-wrapper .blog-content {
  font-size: var(--fs-1-rem);
  line-height: 1.5;
}
.blog-item-details .inner-wrapper .blog-content h1 {
  margin-bottom: 1.5rem;
  padding: 0;
}
.blog-item-details .inner-wrapper .blog-content p {
  margin-bottom: 0;
  padding: 0;
}
.blog-item-details .inner-wrapper .blog-content ol,
.blog-item-details .inner-wrapper .blog-content ul {
  padding-left: 0.875rem;
}
.blog-item-details .inner-wrapper .blog-content h3 {
  font-weight: 800;
  margin: 0;
}
.blog-item-details .inner-wrapper .blog-content code {
  white-space: pre-wrap;
}
.blog-item-details .inner-wrapper .blog-content img {
  display: block;
  margin: 2.5rem auto 0;
  width: 100%;
  height: auto;
}
.blog-item-details .inner-wrapper .blog-content .blog-cta {
  text-align: center;
  margin: 0.875rem;
}
.blog-item-details .inner-wrapper .blog-content .blog-cta a {
  color: white;
  padding: 1rem 1.25rem;
  border-radius: 1.563rem;
  background: var(--primary-color);
}
.blog-item-details .inner-wrapper .blog-content .ql-video {
  width: 100%;
  height: 26.875rem;
}
.blog-item-details .inner-wrapper .blog-content .ql-align-right {
  text-align: right;
}
.blog-item-details .inner-wrapper .blog-content .ql-align-center {
  text-align: center;
}
.blog-item-details .inner-wrapper .blog-content .ql-align-justify {
  text-align: justify;
}

@media only screen and (max-width: 768px) {
  .blog-item-details .inner-wrapper .blog-content img {
    width: 100%;
  }
  .blog-item-details .inner-wrapper .blog-content .ql-video {
    width: 100%;
    height: 11.25rem;
  }
}
::ng-deep .mat-menu-panel {
  box-shadow: 0 0.125rem 2.5rem 0 rgba(18, 21, 27, 0.11) !important;
}

.mat-menu-panel {
  box-shadow: 0 0.125rem 2.5rem 0 rgba(18, 21, 27, 0.11) !important;
}

.mat-menu-content .mat-menu-item:last-child {
  border-bottom: none !important;
}

:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
/*------------------rtl-css--------------------*/
::ng-deep body.rtl span.material-icons.vis-hide.ng-star-inserted {
  position: absolute;
}

::ng-deep body.rtl mat-error {
  text-align: right;
}

::ng-deep body.rtl mat-expansion-panel-header mat-panel-title {
  line-height: 1.125rem;
}

/*------------------rtl-css--------------------*/
/*------------------rtl-css--------------------*/
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
/*------------------rtl-css--------------------*/
::ng-deep body.rtl span.material-icons.vis-hide.ng-star-inserted {
  position: absolute;
}

::ng-deep body.rtl mat-error {
  text-align: right;
}

::ng-deep body.rtl mat-expansion-panel-header mat-panel-title {
  line-height: 1.125rem;
}

/*------------------rtl-css--------------------*/
/*------------------rtl-css--------------------*/
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
.mat-select-value-text {
  font-size: var(--fs-1-rem);
  font-weight: bold !important;
  color: #101828 !important;
}

.mat-select-panel {
  min-width: calc(100% + 1.375rem) !important;
  z-index: 1000;
  margin-top: 1.875rem !important;
  margin-left: 0.313rem !important;
}

.evaluation-sets.mat-select-panel {
  margin-left: 1.625rem !important;
}

@media (min-width: 600px) {
  .esp-multi-select {
    transform: translateX(1.5rem) !important;
  }
  .esp-multi-select.mat-select-search-panel {
    transform: translateX(1.5rem) !important;
  }
}
.mat-select-panel .mat-option {
  border-top: 0.063rem solid #f6f8f8 !important;
}

.mat-option.option-two-lines {
  height: auto !important;
  line-height: 1.2em !important;
  padding-top: 0.688rem;
  padding-bottom: 0.688rem;
}
.mat-option.option-two-lines .primary-text {
  color: #101828;
  font-size: var(--fs-1-rem);
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mat-option.option-two-lines .primary-text.esp-multiselect {
  margin-top: -0.125rem;
}
.mat-option.option-two-lines .secondry-text {
  color: #94959c;
  font-size: var(--fs-0-875-rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mat-select-panel:not([class*=mat-elevation-z]) {
  border-radius: 0.25rem !important;
  box-shadow: 0 0.125rem 0.625rem 0 rgba(37, 47, 76, 0.15) !important;
}

.esp-select {
  min-width: calc(100% + 2.813rem) !important;
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(108, 179, 63, 0.11) !important;
  color: var(--primary-color) !important;
}

.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(108, 179, 63, 0.11) !important;
  color: var(--primary-color) !important;
}

.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  border-radius: 0.25rem !important;
  box-shadow: 0 0.125rem 0.625rem 0 rgba(37, 47, 76, 0.15) !important;
}

.mat-autocomplete-panel .mat-option {
  border-top: 0.063rem solid #f6f8f8 !important;
  height: 2.5rem !important;
}

.mat-option-text {
  font-size: var(--fs-0-875-rem) !important;
  width: 0;
}

.mat-select-panel:not(.esp-multi-select) .mat-select-search-hidden {
  visibility: hidden;
  height: 0rem;
  padding-top: 0.438rem;
}

.time-picker-panel .mat-option-text {
  color: #101828 !important;
  font-size: var(--fs-0-875-rem) !important;
  font-weight: 400 !important;
  line-height: 1.5rem !important;
}
@media (max-width: 30rem) {
  .time-picker-panel .mat-option-text {
    font-size: var(--fs-0-75-rem) !important;
    line-height: 1.125rem !important;
  }
}

.custom-ref-app-filter .mat-select .mat-select-trigger .mat-select-value .mat-select-value-text {
  font-size: 0.875rem !important;
  font-weight: 400 !important;
}
.custom-ref-app-filter .mat-select .mat-select-trigger .mat-select-arrow-wrapper {
  display: none;
}

.xcdr-default-dialog {
  max-width: 90vw !important;
}
.xcdr-default-dialog .mat-dialog-container {
  padding: 0;
}
.xcdr-default-dialog .mat-dialog-container .xcdrs-dialog {
  position: relative;
  line-height: 1.5rem;
}
.xcdr-default-dialog .mat-dialog-container .xcdrs-dialog .close-btn {
  z-index: 99;
  position: absolute;
  color: #aaadb8;
  top: -0.75rem;
  right: 0.75rem;
}
body.rtl .xcdr-default-dialog .mat-dialog-container .xcdrs-dialog .close-btn {
  right: unset !important;
  left: 0.75rem !important;
}
.xcdr-default-dialog .mat-dialog-container .xcdrs-dialog .mat-dialog-title {
  margin-top: 1.25rem;
  position: relative;
  text-align: center;
  font-size: var(--fs-1-5-rem);
  font-weight: 900;
  line-height: 1.33;
  color: #101828;
}
.xcdr-default-dialog .mat-dialog-container .xcdrs-dialog .mat-dialog-content {
  padding: 0 6rem;
  margin: 0 0 1.5rem 0;
  /* Extra small devices (phones, 37.5rem and down) */
}
@media only screen and (max-width: 600px) {
  .xcdr-default-dialog .mat-dialog-container .xcdrs-dialog .mat-dialog-content {
    padding: 0 1.5rem;
  }
}
.xcdr-default-dialog .mat-dialog-container .xcdrs-dialog .mat-dialog-content {
  padding: 0 6rem;
  margin: 0 0 1.5rem 0;
  /* Extra small devices (phones, 37.5rem and down) */
}
@media only screen and (max-width: 600px) {
  .xcdr-default-dialog .mat-dialog-container .xcdrs-dialog .mat-dialog-content {
    padding: 0 1.5rem;
  }
}
.xcdr-default-dialog .mat-dialog-container .xcdrs-dialog .clear-filter-btn-container {
  padding: 0.25rem 5rem;
  /* Extra small devices (phones, 37.5rem and down) */
}
@media only screen and (max-width: 600px) {
  .xcdr-default-dialog .mat-dialog-container .xcdrs-dialog .clear-filter-btn-container {
    padding: 0.25rem 0.75rem;
  }
}
.xcdr-default-dialog .mat-dialog-container .xcdrs-dialog .mat-dialog-actions {
  padding: 0 6rem;
  /* Extra small devices (phones, 37.5rem and down) */
  margin: 0 !important;
  flex-direction: row;
  flex-wrap: nowrap;
  box-sizing: border-box;
  display: flex;
  height: 5rem;
  border-top: 0.063rem solid #dadadb;
}
@media only screen and (max-width: 600px) {
  .xcdr-default-dialog .mat-dialog-container .xcdrs-dialog .mat-dialog-actions {
    padding: 0 1.5rem;
  }
}
.xcdr-default-dialog .mat-dialog-container .xcdrs-dialog .mat-dialog-actions button {
  font-size: var(--fs-1-rem);
  font-weight: bold;
}

:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
/*------------------rtl-css--------------------*/
::ng-deep body.rtl span.material-icons.vis-hide.ng-star-inserted {
  position: absolute;
}

::ng-deep body.rtl mat-error {
  text-align: right;
}

::ng-deep body.rtl mat-expansion-panel-header mat-panel-title {
  line-height: 1.125rem;
}

/*------------------rtl-css--------------------*/
/*------------------rtl-css--------------------*/
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
/*------------------rtl-css--------------------*/
::ng-deep body.rtl span.material-icons.vis-hide.ng-star-inserted {
  position: absolute;
}

::ng-deep body.rtl mat-error {
  text-align: right;
}

::ng-deep body.rtl mat-expansion-panel-header mat-panel-title {
  line-height: 1.125rem;
}

/*------------------rtl-css--------------------*/
/*------------------rtl-css--------------------*/
.rich-content-wrapper {
  padding: 0 1rem;
}
.rich-content-wrapper .rich-content {
  font-size: var(--fs-1-rem);
  line-height: 1.5;
}
.rich-content-wrapper .rich-content h1,
.rich-content-wrapper .rich-content p {
  padding: 0;
}
.rich-content-wrapper .rich-content ol,
.rich-content-wrapper .rich-content ul {
  padding-left: 0.875rem;
}
.rich-content-wrapper .rich-content h3 {
  font-weight: 800;
  margin: 0;
}
.rich-content-wrapper .rich-content code {
  white-space: pre-wrap;
}
.rich-content-wrapper .rich-content img {
  display: block;
  margin: 2.5rem auto 0;
  width: 100%;
  height: auto;
}
.rich-content-wrapper .rich-content .blog-cta {
  text-align: center;
  margin: 0.875rem;
}
.rich-content-wrapper .rich-content .blog-cta a {
  color: white;
  padding: 1rem 1.25rem;
  border-radius: 1.563rem;
  background: var(--primary-color);
}
.rich-content-wrapper .rich-content .ql-video {
  width: 100%;
  height: 26.875rem;
}
.rich-content-wrapper .rich-content .ql-align-right {
  text-align: right;
}
.rich-content-wrapper .rich-content .ql-align-center {
  text-align: center;
}
.rich-content-wrapper .rich-content .ql-align-justify {
  text-align: justify;
}

xcdrs-read-more .ql-editor,
xcdrs-read-more .ql-editor * {
  text-align: justify;
}

.ql-editor,
.ql-editor * {
  white-space: normal !important;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: normal;
  text-align: start;
  padding: 0rem;
}

.ql-container {
  padding: 0.5rem;
}

quill-editor table, rich-text table {
  width: 100%;
  border-collapse: separate;
  /* Allows border-radius */
  border-spacing: 0;
  border: 0.063rem solid hsl(220, 17%, 93%) !important;
  border-radius: 0.75rem;
  /* Rounded corners for the whole table */
  overflow: hidden;
  /* To ensure inner cells are constrained */
  /* Add border-radius to top-left and top-right corners of the first row (header) */
  /* Add border-radius to bottom-left and bottom-right corners of the last row */
}
quill-editor table th,
quill-editor table td, rich-text table th,
rich-text table td {
  border: 0.063rem solid hsl(220, 17%, 93%);
  padding: 1rem;
  font-size: var(--fs-0-875-rem);
  font-weight: 400;
  line-height: 1.25rem;
  text-align: left;
  color: hsl(220, 13%, 46%);
}
quill-editor table th:first-child, rich-text table th:first-child {
  border-top-left-radius: 0.75rem;
}
::ng-deep body.rtl quill-editor table th:first-child, ::ng-deep body.rtl rich-text table th:first-child {
  border-top-left-radius: unset !important;
  border-top-right-radius: 0.75rem !important;
}
quill-editor table th:last-child, rich-text table th:last-child {
  border-top-right-radius: 0.75rem;
}
::ng-deep body.rtl quill-editor table th:last-child, ::ng-deep body.rtl rich-text table th:last-child {
  border-top-right-radius: unset !important;
  border-top-left-radius: 0.75rem !important;
}
quill-editor table tr:last-child td:first-child, rich-text table tr:last-child td:first-child {
  border-bottom-left-radius: 0.75rem;
}
::ng-deep body.rtl quill-editor table tr:last-child td:first-child, ::ng-deep body.rtl rich-text table tr:last-child td:first-child {
  border-bottom-left-radius: unset !important;
  border-bottom-right-radius: 0.75rem !important;
}
quill-editor table tr:last-child td:last-child, rich-text table tr:last-child td:last-child {
  border-bottom-right-radius: 0.75rem;
}
::ng-deep body.rtl quill-editor table tr:last-child td:last-child, ::ng-deep body.rtl rich-text table tr:last-child td:last-child {
  border-bottom-right-radius: unset !important;
  border-bottom-left-radius: 0.75rem !important;
}
quill-editor span.pill.pill-memberprofile, rich-text span.pill.pill-memberprofile {
  color: #175CD3;
  background-color: white;
  white-space: nowrap !important;
}
quill-editor span.pill.pill-memberprofile span, rich-text span.pill.pill-memberprofile span {
  white-space: nowrap !important;
}
quill-editor p img, rich-text p img {
  max-width: 100%;
}

@media only screen and (max-width: 768px) {
  .rich-content-wrapper .rich-content img {
    width: 100%;
  }
  .rich-content-wrapper .rich-content .ql-video {
    width: 100%;
    height: 11.25rem;
  }
}
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
/*------------------rtl-css--------------------*/
::ng-deep body.rtl span.material-icons.vis-hide.ng-star-inserted {
  position: absolute;
}

::ng-deep body.rtl mat-error {
  text-align: right;
}

::ng-deep body.rtl mat-expansion-panel-header mat-panel-title {
  line-height: 1.125rem;
}

/*------------------rtl-css--------------------*/
/*------------------rtl-css--------------------*/
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
/*------------------rtl-css--------------------*/
::ng-deep body.rtl span.material-icons.vis-hide.ng-star-inserted {
  position: absolute;
}

::ng-deep body.rtl mat-error {
  text-align: right;
}

::ng-deep body.rtl mat-expansion-panel-header mat-panel-title {
  line-height: 1.125rem;
}

/*------------------rtl-css--------------------*/
/*------------------rtl-css--------------------*/
:root {
  --max-content-width: 125rem;
  --max-full-content-width: 125rem;
  --content-width: 100%;
  --container-width: 125rem !important;
  --container-width-large: 125rem !important;
  --min-content-width: 72.5;
  --screen-width: 100vw;
  --content-area: min(var(--max-content-width), var(--screen-width));
  --pricing-columns-per-row: 3;
  --min-side-margin: 2rem;
  /* === Badge === */
  --mat-badge-text-size: var(--fs-0-75-rem); /* 12px */
  --mat-badge-small-size-text-size: var(--fs-0-563-rem); /* 9px  */
  --mat-badge-large-size-text-size: var(--fs-1-5-rem); /* 24px */
  --mat-badge-text-weight: 600;
  --mat-badge-text-font: var(--xcdr-font-family);
  /* === Bottom Sheet === */
  --mat-bottom-sheet-container-text-size: var(--fs-0-875-rem); /* 14px */
  --mat-bottom-sheet-container-text-line-height: 1.25rem; /* 20px */
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-font: var(--xcdr-font-family);
  /* === Card === */
  --mat-card-subtitle-text-size: var(--fs-0-875-rem); /* 14px */
  --mat-card-subtitle-text-line-height: 1.375rem; /* 22px */
  --mat-card-title-text-size: var(--fs-1-25-rem); /* 20px */
  --mat-card-title-text-line-height: 2rem; /* 32px */
  --mat-card-subtitle-text-font: var(--xcdr-font-family);
  --mat-card-title-text-font: var(--xcdr-font-family);
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-weight: 500;
  /* === Datepicker === */
  --mat-datepicker-calendar-text-size: var(--fs-0-813-rem); /* 13px */
  --mat-datepicker-calendar-header-text-size: var(--fs-0-688-rem); /* 11px */
  --mat-datepicker-calendar-body-label-text-size: var(--fs-0-875-rem); /* 14px */
  --mat-datepicker-calendar-period-button-text-size: var(--fs-0-875-rem); /* 14px */
  --mat-datepicker-calendar-text-font: var(--xcdr-font-family);
  /* === Expansion Panel === */
  --mat-expansion-container-text-size: var(--fs-0-875-rem); /* 14px */
  --mat-expansion-container-text-line-height: 1.25rem; /* 20px */
  --mat-expansion-header-text-size: var(--fs-0-875-rem); /* 14px */
  --mat-expansion-header-collapsed-state-height: 3rem; /* 48px */
  --mat-expansion-header-expanded-state-height: 4rem; /* 64px */
  --mat-expansion-container-text-font: var(--xcdr-font-family);
  --mat-expansion-header-text-font: var(--xcdr-font-family);
  /* === Form Field === */
  --mat-form-field-container-text-size: var(--fs-1-rem); /* 16px */
  --mat-form-field-container-text-line-height: 1.5rem; /* 24px */
  --mat-form-field-outlined-label-text-populated-size: var(--fs-1-rem); /* 16px */
  --mat-form-field-subscript-text-size: var(--fs-0-75-rem); /* 12px */
  --mat-form-field-subscript-text-line-height: 1.25rem; /* 20px */
  --mat-form-field-container-height: 3.5rem; /* 56px */
  --mat-form-field-container-vertical-padding: 1rem; /* 16px */
  --mat-form-field-filled-with-label-container-padding-top: 1.625rem; /* 26px */
  --mat-form-field-filled-with-label-container-padding-bottom: 0.5rem; /* 8px  */
  --mat-form-field-container-text-font: var(--xcdr-font-family);
  /* === Grid List === */
  --mat-grid-list-tile-header-primary-text-size: var(--fs-0-875-rem); /* 14px */
  --mat-grid-list-tile-header-secondary-text-size: var(--fs-0-75-rem); /* 12px */
  --mat-grid-list-tile-footer-primary-text-size: var(--fs-0-875-rem); /* 14px */
  --mat-grid-list-tile-footer-secondary-text-size: var(--fs-0-75-rem); /* 12px */
  /* === Button Toggle (Legacy) === */
  --mat-legacy-button-toggle-height: 2.25rem; /* 36px */
  --mat-legacy-button-toggle-shape: 0.125rem; /* 2px  */
  /* === Button Toggle (Standard) === */
  --mat-standard-button-toggle-height: 3rem; /* 48px */
  --mat-standard-button-toggle-shape: 0.25rem; /* 4px  */
  /* === Menu === */
  --mat-menu-item-label-text-size: var(--fs-1-rem); /* 16px */
  --mat-menu-item-label-text-line-height: 1.5rem; /* 24px */
  --mat-menu-item-label-text-font: var(--xcdr-font-family);
  --mat-menu-item-label-text-weight: 400;
  --mat-menu-container-shape: 0.25rem; /* 4px  */
  /* === Paginator === */
  --mat-paginator-container-text-size: var(--fs-0-75-rem); /* 12px */
  --mat-paginator-container-text-line-height: 1.25rem; /* 20px */
  --mat-paginator-container-size: 3.5rem; /* 56px */
  --mat-paginator-container-text-font: var(--xcdr-font-family);
  /* === Select === */
  --mat-select-arrow-transform: translateY(-0.5625rem); /* -9px */
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0,0,0,.2),
                                                       0px 8px 10px 1px rgba(0,0,0,.14),
                                                       0px 3px 14px 2px rgba(0,0,0,.12);
  /* === Slider === */
  --mat-slider-value-indicator-text-size: var(--fs-0-875-rem); /* 14px */
  --mat-slider-ripple-radius: 1.25rem; /* 20px */
  /* === Snackbar === */
  --mat-snack-bar-button-color: #f44336;
  --mat-mdc-snack-bar-button-color: #f44336;
  /* === Sort Header === */
  --mat-sort-arrow-color: #757575;
  /* === Stepper === */
  --mat-stepper-header-height: 4.5rem; /* 72px */
  --mat-stepper-header-error-state-label-text-size: var(--fs-1-rem); /* 16px */
  /* === Table === */
  --mat-table-header-headline-size: var(--fs-0-875-rem); /* 14px */
  --mat-table-row-item-label-text-size: var(--fs-0-875-rem); /* 14px */
  --mat-table-row-item-label-text-line-height: 1.375rem; /* 22px */
  --mat-table-footer-supporting-text-size: var(--fs-0-875-rem); /* 14px */
  --mat-table-footer-supporting-text-line-height: 1.375rem; /* 22px */
  --mat-table-header-container-height: 3.5rem; /* 56px */
  --mat-table-footer-container-height: 3.5rem; /* 56px */
  --mat-table-row-item-container-height: 3.125rem; /* 50px (custom override) */
  --mat-table-header-headline-font: var(--xcdr-font-family);
  --mat-table-row-item-label-text-font: var(--xcdr-font-family);
  /* === Tabs === */
  --mat-tab-header-label-text-size: var(--fs-0-875-rem); /* 14px */
  --mat-tab-header-label-text-line-height: 2.25rem; /* 36px */
  --mat-tab-header-label-text-font: var(--xcdr-font-family);
  --mat-tab-header-label-text-weight: 500;
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  /* === Toolbar === */
  --mat-toolbar-title-text-size: var(--fs-1-25-rem); /* 20px */
  --mat-toolbar-title-text-line-height: 2rem; /* 32px */
  --mat-toolbar-title-text-weight: 500;
  --mat-toolbar-standard-height: 4rem; /* 64px */
  --mat-toolbar-mobile-height: 3.5rem; /* 56px */
  --mat-toolbar-title-text-font: var(--xcdr-font-family);
  /* === Tooltip === */
  --mat-tooltip-supporting-text-size: var(--fs-0-75-rem); /* 12px */
  --mat-tooltip-supporting-text-line-height: 1rem; /* 16px */
  --mat-tooltip-supporting-text-font: var(--xcdr-font-family);
  /* === MDC Outlined Text Field === */
  --mdc-outlined-text-field-label-text-size: var(--fs-1-rem); /* 16px */
  --mdc-outlined-text-field-label-text-font: var(--xcdr-font-family);
  --mdc-outlined-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-tracking: 0.03125em;
  /* === MDC Filled Text Field === */
  --mdc-filled-text-field-label-text-size: var(--fs-1-rem); /* 16px */
  --mdc-filled-text-field-label-text-font: var(--xcdr-font-family);
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-filled-text-field-label-text-tracking: 0.03125em;
  /* === MDC List === */
  --mdc-list-list-item-label-text-size: var(--fs-1-rem); /* 16px */
  --mdc-list-list-item-label-text-line-height: 1.5rem; /* 24px */
  --mdc-list-list-item-supporting-text-size: var(--fs-0-875-rem); /* 14px */
  --mdc-list-list-item-supporting-text-line-height: 1.25rem; /* 20px */
  --mdc-list-list-item-overline-size: var(--fs-0-75-rem); /* 12px */
  --mdc-list-list-item-label-text-font: var(--xcdr-font-family);
  --mdc-list-list-item-one-line-container-height: 3rem; /* 48px */
  --mdc-list-list-item-two-line-container-height: 4rem; /* 64px */
  --mdc-list-list-item-three-line-container-height: 5.5rem; /* 88px */
  /* === MDC Checkbox === */
  --mdc-checkbox-state-layer-size: 2.5rem; /* 40px */
  /* === MDC Radio === */
  --mdc-radio-state-layer-size: 2.5rem; /* 40px */
  /* === MDC Switch === */
  --mdc-switch-state-layer-size: 3rem; /* 48px */
  /* === MDC Snackbar === */
  --mdc-snackbar-supporting-text-size: var(--fs-0-875-rem); /* 14px */
  --mdc-snackbar-supporting-text-font: var(--xcdr-font-family);
  /* === MDC Chip === */
  --mdc-chip-label-text-size: var(--fs-0-875-rem); /* 14px */
  --mdc-chip-label-text-font: var(--xcdr-font-family);
  --mdc-chip-container-height: 2rem; /* 32px */
  /* === MDC Dialog === */
  --mdc-dialog-supporting-text-size: var(--fs-1-rem); /* 16px */
  --mdc-dialog-supporting-text-line-height: 1.5rem; /* 24px */
  --mdc-dialog-subhead-size: var(--fs-1-25-rem); /* 20px */
  --mdc-dialog-subhead-font: var(--xcdr-font-family);
  --mdc-dialog-supporting-text-font: var(--xcdr-font-family);
  /* === MDC Secondary Nav Tab === */
  --mdc-secondary-navigation-tab-container-height: 3rem; /* 48px */
  /* === MDC Slider === */
  --mdc-slider-label-label-text-size: var(--fs-0-875-rem); /* 14px */
  --mdc-slider-label-label-text-line-height: 1.375rem; /* 22px */
  --mdc-slider-label-label-text-font: var(--xcdr-font-family);
  /* Fluid default for everything else */
  --font-size-base: clamp(16px, calc(0.5dvw + 0.5dvh), 20px);
  --font-size-content-area: clamp(16px, calc(0.5dvw + 0.5dvh), 20px);
  font-size: var(--font-size-base);
}

@media screen and (min-width: 768px) {
  /* 13–14" HD / WXGA (1280–1440 wide) */
  /* 14" FHD (1920×1080) — the most common target */
  /* 14" QHD+ (2240×1400, 2560×1600) */
  /* 14" Retina / 3K+ (2880×1800, 3024×1964) */
  /* Global width rules for fullscreen slide and component views */
}
@media screen and (min-width: 768px) and (min-width: 1280px) and (max-width: 1440px) {
  :root {
    --font-size-base: 15px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1441px) and (max-width: 1920px) and (min-height: 900px) and (max-height: 1200px) {
  :root {
    --font-size-base: 16px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1921px) and (max-width: 2560px) {
  :root {
    --font-size-base: 16px;
  }
}
@media screen and (min-width: 768px) and (min-width: 2561px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 768px) and (min-width: 2561px) and (min-resolution: 192dpi) {
  :root {
    --font-size-base: 16px;
  }
}
@media screen and (min-width: 768px) and ((max-width: 2000px) and (min-width: 1024px)) {
  :root {
    --min-side-margin: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .full-width-container {
    max-width: var(--max-full-content-width);
    margin: 0 auto;
  }
  .max-full-content-width {
    max-width: var(--max-full-content-width);
  }
  .content-width-container {
    max-width: var(--max-content-width) !important;
    margin: 0 auto !important;
  }
  body xcdrs-pages-layout div.content > div.main-container {
    font-size: var(--font-size-content-area);
  }
  body xcdrs-pages-layout div.content > div.main-container h1.slide-title {
    font-size: var(--fs-4-rem) !important;
  }
  body xcdrs-pages-layout div.content > div.main-container:first-of-type {
    max-width: var(--max-content-width) !important;
    margin: 0 auto !important;
    width: var(--content-width) !important;
  }
  body xcdrs-pages-layout div.content > div.main-container:first-of-type:has(xcdrs-iframe-home), body xcdrs-pages-layout div.content > div.main-container:first-of-type:has(xcdrs-iframe) {
    max-width: none !important;
    width: 100% !important;
  }
  body xcdrs-pages-layout div.content > div.main-container:first-of-type:has(.fullscreen), body xcdrs-pages-layout div.content > div.main-container:first-of-type:has(.fullScreenConnected) {
    max-width: none !important;
  }
  body owl-stage div.owl-stage .owl-item:not(:has(img)) {
    display: none;
  }
  xcdrs-products-main div.top-container div.header div {
    height: 2.4rem !important;
  }
  xcdrs-products-display-mode-btn .document-mode-btn .mode-btn {
    height: 2.5rem !important;
    width: 2.5rem !important;
  }
  app-application-list-tabs {
    display: block;
    max-width: var(--max-content-width) !important;
    margin: 0 auto !important;
  }
  xcdrs-product-details {
    max-width: 100% !important;
  }
  xcdrs-product-details:has(iframe.html-page-fullscreen) {
    max-width: 100%;
  }
  xcdrs-product-details:has(iframe.html-page-mobile) {
    max-width: 100%;
  }
  body xcdrs-product-detail .details-block {
    max-width: calc(50% - 0.813rem) !important;
  }
  body xcdrs-product-detail .video-block {
    width: 47.41% !important;
    max-width: unset !important;
  }
  body xcdrs-slide-item .slide-block .description-block.max-width-29rem {
    max-width: calc(50% - 0.813rem) !important;
  }
  body xcdrs-slide-item .slide-block .img-block-half {
    width: calc(50% - 0.813rem) !important;
  }
  body xcdrs-slide-item .description-slide-container .img-block {
    max-width: calc(50% - 0.813rem) !important;
  }
  body xcdrs-blog-item .card-preview-img {
    width: 100% !important;
    max-width: 36.75rem !important;
    max-height: unset !important;
    aspect-ratio: 528/297 !important;
    height: auto !important;
    flex-shrink: unset !important;
  }
  body xcdrs-blog-item .card-content {
    width: 100% !important;
    min-height: 17.313rem !important;
    max-height: 17.313rem !important;
  }
  body xcdrs-card-overlay-item .h-card .content .title {
    min-height: 1.75rem !important;
  }
  body xcdrs-slide-card-item .h-card {
    height: 100% !important;
  }
  body xcdrs-slide-card-item .preview-container.h-card {
    height: -webkit-fit-content !important;
    height: fit-content !important;
    aspect-ratio: 314/162 !important;
  }
  xcdrs-products-main xcdrs-products-toolbar mat-form-field .mat-form-field-infix {
    border-top: 0.54em solid transparent !important;
  }
  body file-upload-area .overlay .custom-icon {
    width: 5rem !important;
    height: 5rem !important;
  }
  body file-upload-area .mat-icon {
    height: 100% !important;
    width: 100% !important;
    line-height: 100% !important;
    font-size: 100% !important;
  }
  body file-upload-area .help-area mat-icon[data-mat-icon-name=xcdrs-new-camera-photo] {
    z-index: 0 !important;
    height: 6rem !important;
    width: 6rem !important;
  }
  body xcdrs-app-new-footer .app-footer-primary .footer {
    max-width: var(--max-content-width) !important;
  }
  body xcdrs-app-new-footer .footer {
    max-width: var(--max-content-width) !important;
  }
  .fixed-card-width {
    max-width: calc(var(--max-content-width)) !important;
    width: 100% !important;
  }
  body .mat-button-custom {
    font-size: var(--fs-0-875-rem) !important;
  }
  body .mat-icon {
    height: 1.5rem !important;
    width: 1.5rem !important;
    line-height: 1.5rem !important;
    font-size: var(--fs-1-5-rem) !important;
  }
  body .mat-icon svg {
    height: 100% !important;
    width: 100% !important;
  }
  body .mat-icon.icon-mobile.material-icons {
    height: 100% !important;
    width: 0.5rem !important;
    margin-left: 0.5rem;
  }
  body .mat-icon.icon-web.material-icons {
    height: 100% !important;
    width: 0.9rem !important;
    margin-left: 0.5rem;
  }
  xcdrs-floating-icons div.menu-wrapper .mat-mdc-icon-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 3.25rem !important;
    height: 3.25rem !important;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  body .slide-group-card .form {
    flex-basis: 39% !important;
  }
  body .slide-group-card .form xcdrs-topic-owner,
  body .slide-group-card .form xcdrs-slide-btns-form,
  body .slide-group-card .form mat-form-field,
  body .slide-group-card .form xcdrs-content-area {
    width: 100% !important;
  }
  body .slide-group-card div.info-cont {
    flex-basis: 45% !important;
  }
  body .slide-group-card div.info-cont file-upload-area {
    max-height: unset !important;
    padding: 2rem;
  }
  body .slide-group-card div.info-cont div.instructions-container {
    width: 100% !important;
  }
  body .slide-right-image-form-comp xcdrs-slide-common-form.form {
    flex-basis: 39% !important;
  }
  body .slide-right-image-form-comp xcdrs-slide-common-form.form div.slide-common-form-comp form div mat-form-field.option-menu {
    width: 30% !important;
  }
  body .slide-right-image-form-comp xcdrs-slide-common-form.form div.slide-common-form-comp form div xcdrs-slide-btns-form,
  body .slide-right-image-form-comp xcdrs-slide-common-form.form div.slide-common-form-comp form div mat-form-field,
  body .slide-right-image-form-comp xcdrs-slide-common-form.form div.slide-common-form-comp form div xcdrs-content-area {
    width: 100% !important;
  }
  body .slide-right-image-form-comp .upload-comp {
    flex-basis: 45% !important;
  }
  body xcdrs-slide-presentation-form div.tw-grid div div.max-height {
    max-height: unset !important;
  }
  body xcdrs-slide-presentation-form div.tw-grid div div.clickable.help-area.imageUpload {
    max-height: unset !important;
  }
  body xcdrs-slide-presentation-form div.tw-grid div div.clickable.help-area.imageUpload mat-icon {
    height: 5rem !important;
    width: 5rem !important;
  }
  body .product-create-comp > div:nth-child(2) form {
    flex-basis: 39% !important;
  }
  body .product-create-comp > div:nth-child(2) form xcdrs-topic-owner,
  body .product-create-comp > div:nth-child(2) form xcdrs-slide-btns-form,
  body .product-create-comp > div:nth-child(2) form mat-form-field,
  body .product-create-comp > div:nth-child(2) form xcdrs-content-area {
    width: 100% !important;
  }
  body .product-create-comp > div:nth-child(2) div.upload--media-container {
    flex-basis: 45% !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1119.98px) {
  body xcdrs-blog-item .card-preview-img {
    width: 100% !important;
  }
  body xcdrs-blog-item .card-preview-img img {
    aspect-ratio: 13/11.57;
  }
  body xcdrs-product-detail .details-block {
    max-width: 100% !important;
  }
  body xcdrs-product-detail .video-block {
    width: 100% !important;
  }
  body xcdrs-slide-item .slide-block .description-block.max-width-29rem {
    max-width: 100% !important;
  }
  body xcdrs-slide-item .slide-block .img-block-half {
    width: 100% !important;
  }
  body xcdrs-slide-item .description-slide-container .img-block {
    max-width: 100% !important;
  }
  .slide-block .img-block-half {
    padding-top: 0rem !important;
  }
  .slide-block .img-block .with-image {
    position: relative !important;
    height: auto !important;
    aspect-ratio: 821/500.23 !important;
  }
  body xcdrs-app-new-footer .app-footer-primary .footer {
    max-width: 100% !important;
  }
  body xcdrs-app-new-footer .footer {
    max-width: 100% eew !important;
  }
}
@media screen and (min-width: 768px) {
  :host.set-width {
    max-width: var(--max-content-width) !important;
  }
  body .contact-img {
    width: 100% !important;
    max-height: -webkit-max-content !important;
    max-height: max-content !important;
    border-radius: 0.375rem !important;
    aspect-ratio: 698/552 !important;
  }
  body xcdrs-product-create-main {
    max-width: var(--max-content-width) !important;
    margin: 0 auto !important;
  }
  body xcdrs-announcement-attachments div > div.attachment {
    aspect-ratio: 928/460 !important;
  }
  body xcdrs-announcement-attachments div > div.attachment video {
    max-height: 100% !important;
  }
  body xcdrs-announcement-attachments div > div.attachment a {
    height: 100% !important;
  }
  body xcdrs-announcement-attachments div > div.attachment a div.thumbnail-overlay {
    height: inherit !important;
    max-height: calc(100% - 5.125rem);
  }
  body xcdrs-announcement-attachments div > div.attachment a div.thumbnail-overlay img {
    height: 100% !important;
  }
  body xcdrs-announcement-attachments div > div.attachment a div.link-info {
    min-height: 3.125rem;
    max-height: 5.125rem;
  }
  body xcdrs-announcement-attachments div > div.attachment a div.link-info .title {
    height: 30% !important;
  }
}
@media (max-width: 767px) {
  :root {
    --pricing-columns-per-row: 2;
  }
  /* Add this to your styles.scss or global styles */
  html, body {
    overflow-x: hidden;
    max-width: 100vw;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  *, *:before, *:after {
    box-sizing: inherit;
  }
  /* Fix for Angular CDK/Material hidden accessibility containers */
  .cdk-visually-hidden,
  .cdk-live-announcer-element,
  .cdk-describedby-message-container {
    left: 0 !important;
    margin: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
  }
  body xcdrs-pages-layout div.content > div.main-container {
    max-width: 100% !important;
  }
  body xcdrs-blog-item .card-preview-img {
    aspect-ratio: 528/297 !important;
  }
  body xcdrs-card-overlay-item .h-card {
    aspect-ratio: 360/274;
  }
  body xcdrs-card-overlay-item .h-card .content .title {
    min-height: 1.75rem !important;
  }
  body xcdrs-slide-card-item .preview-container.h-card {
    aspect-ratio: 314/162 !important;
  }
  body .contact-img {
    aspect-ratio: 698/552 !important;
  }
  body xcdrs-announcement-attachments div > div {
    aspect-ratio: 928/460 !important;
  }
  body .slide-group-card .form {
    flex-basis: 100% !important;
  }
  body .slide-group-card .form xcdrs-topic-owner,
  body .slide-group-card .form xcdrs-slide-btns-form,
  body .slide-group-card .form mat-form-field,
  body .slide-group-card .form xcdrs-content-area {
    width: 100% !important;
  }
  body .slide-group-card div.info-cont {
    flex-basis: 100% !important;
  }
  body .slide-group-card div.info-cont div.instructions-container {
    width: 100% !important;
  }
  body .slide-right-image-form-comp xcdrs-slide-common-form.form {
    flex-basis: 100% !important;
  }
  body .slide-right-image-form-comp xcdrs-slide-common-form.form div.slide-common-form-comp form div mat-form-field.option-menu {
    width: 100% !important;
  }
  body .slide-right-image-form-comp xcdrs-slide-common-form.form div.slide-common-form-comp form div xcdrs-slide-btns-form,
  body .slide-right-image-form-comp xcdrs-slide-common-form.form div.slide-common-form-comp form div mat-form-field,
  body .slide-right-image-form-comp xcdrs-slide-common-form.form div.slide-common-form-comp form div xcdrs-content-area {
    width: 100% !important;
  }
  body .slide-right-image-form-comp .upload-comp {
    flex-basis: 100% !important;
  }
  body .product-create-comp > div:nth-child(2) form {
    flex-basis: 100% !important;
  }
  body .product-create-comp > div:nth-child(2) form xcdrs-topic-owner,
  body .product-create-comp > div:nth-child(2) form xcdrs-slide-btns-form,
  body .product-create-comp > div:nth-child(2) form mat-form-field,
  body .product-create-comp > div:nth-child(2) form xcdrs-content-area {
    width: 100% !important;
  }
  body .product-create-comp > div:nth-child(2) div.upload--media-container {
    flex-basis: 100% !important;
  }
  body .info-cont file-upload-area.upload-area {
    max-height: -webkit-fit-content !important;
    max-height: fit-content !important;
    padding: 2rem !important;
  }
  :root {
    --pricing-columns-per-row: 1;
  }
  body xcdrs-slide-cards .background-class {
    padding: 0 !important;
  }
  body xcdrs-card-grid-slide .wrapper {
    padding: 0 !important;
  }
  body xcdrs-leadline-contact.collapsed.view-mode {
    padding: 0 !important;
  }
  body xcdrs-slide-item .slide-block .img-block-half {
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 30%;
    aspect-ratio: 488/300;
    height: auto !important;
  }
}
:host ::ng-deep .owl-carousel {
  overflow: hidden;
}
:host ::ng-deep .owl-stage-outer {
  overflow: hidden;
}
:host ::ng-deep .owl-carousel:not(.owl-loaded) .owl-stage,
:host ::ng-deep .owl-carousel.owl-loaded .owl-stage {
  margin-left: 0 !important;
}
:host ::ng-deep .owl-item:first-child {
  margin-left: 0 !important;
}
:host ::ng-deep .owl-item:last-child {
  margin-right: 0 !important;
}

body xcdrs-slide-card-item div.carousel-item.fixed-card-width {
  max-width: calc(var(--max-content-width)) !important;
  width: 100% !important;
}

body xcdrs-card-overlay-item div.card-container.fixed-card-width {
  max-width: calc(var(--max-content-width)) !important;
  width: 100% !important;
}

body .mat-mdc-icon-button.mat-mdc-button-base {
  padding: unset !important;
}

body .card-preview-img img {
  height: 100% !important;
}

body .slide-block {
  gap: 4.37rem !important;
}

body xcdrs-slide-item .slide-block .img-block-half {
  margin: 0 auto;
}

body app-application-list .mat-form-field-infix,
body app-records-applications-list .mat-form-field-infix {
  border-top: 0.4375rem solid transparent;
}
body app-application-list xcdrs-record-details-card div,
body app-records-applications-list xcdrs-record-details-card div {
  align-items: center !important;
}

xcdrs-slide-pricing div.main-container div.pricing-wrapper div.price-item {
  max-width: 31.9375rem;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 100% !important;
}

span.filter-icon-container {
  min-height: 2.5rem;
  min-width: 2.5rem;
}

xcdrs-search-field {
  min-height: 2.5rem;
}
xcdrs-search-field div {
  min-height: 2.5rem;
}

:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
.delete-field-menu {
  border-radius: 0.75rem !important;
  min-width: -webkit-fit-content !important;
  min-width: fit-content !important;
}
.delete-field-menu .confirm-delete-dialog {
  padding-top: 1rem;
  padding-left: 1.5rem;
  padding-bottom: 1.25rem;
  padding-right: 1.5rem;
}
.delete-field-menu .confirm-delete-dialog .delete-menu-text {
  font-size: var(--fs-1-rem);
  font-weight: 500;
  color: #101828;
  margin-bottom: 0.875rem;
}
.delete-field-menu .confirm-delete-dialog .delete-dialog-btn {
  width: 7.25rem;
  height: 2.5rem;
  font-size: var(--fs-1-rem);
  font-weight: bold;
}
.delete-field-menu .confirm-delete-dialog .delete-dialog-btn.bg-warn {
  background-color: #e21b24;
}
.delete-field-menu .confirm-delete-dialog .delete-dialog-btn.color-white {
  color: #fff;
}
.delete-field-menu .confirm-delete-dialog .delete-dialog-btn.color-grey {
  color: #aaadb8;
}

:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
.esp-tooltip {
  background-color: #021012;
  font-size: var(--fs-0-875-rem);
  color: #fff;
  border-radius: 0.5rem;
  line-height: 1.71;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.rtl {
  direction: rtl;
}
.rtl .btn-close {
  right: auto !important;
  left: -0.938rem !important;
}
.rtl .auth-form-container .tel-prefix {
  direction: ltr;
}
.rtl .mat-form-field.custom.with-postfix .mat-form-field-suffix {
  position: absolute;
  bottom: 0;
}
.rtl .mat-form-field.custom.with-postfix .mat-form-field-suffix > .postfix-span {
  position: absolute;
  direction: ltr;
}
.rtl .rtl-rotate-180 {
  transform: rotate(180deg);
}

:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
.snackbar-success {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}

.snackbar-error {
  background-color: #e21b24 !important;
  color: #fff !important;
}

.snackbar-warn {
  background-color: #ffb84d !important;
  color: #fff !important;
}

.mat-snack-bar-container {
  min-width: 43.75rem !important;
  min-height: 2.5rem !important;
}
@media (max-width: 600px) {
  .mat-snack-bar-container {
    width: 98% !important;
    min-width: 18.75rem !important;
  }
}

.mat-simple-snackbar-action {
  color: #fff !important;
}

:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
/*------------------rtl-css--------------------*/
::ng-deep body.rtl span.material-icons.vis-hide.ng-star-inserted {
  position: absolute;
}

::ng-deep body.rtl mat-error {
  text-align: right;
}

::ng-deep body.rtl mat-expansion-panel-header mat-panel-title {
  line-height: 1.125rem;
}

/*------------------rtl-css--------------------*/
/*------------------rtl-css--------------------*/
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
/*------------------rtl-css--------------------*/
::ng-deep body.rtl span.material-icons.vis-hide.ng-star-inserted {
  position: absolute;
}

::ng-deep body.rtl mat-error {
  text-align: right;
}

::ng-deep body.rtl mat-expansion-panel-header mat-panel-title {
  line-height: 1.125rem;
}

/*------------------rtl-css--------------------*/
/*------------------rtl-css--------------------*/
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
.btn-close-container {
  position: relative;
}

.btn-close {
  position: absolute;
  right: -0.938rem;
  top: -0.938rem;
  z-index: 1;
}

::ng-deep [dir=rtl].cdk-global-overlay-wrapper .btn-close {
  position: absolute;
  left: -0.938rem;
  top: -0.938rem;
  right: unset;
}

.mat-dialog-title {
  position: relative;
}
.mat-dialog-title .dialog-title {
  font-size: var(--fs-1-5-rem);
  font-weight: 800;
  color: #101828;
  padding: 0 0.313rem;
}
.mat-dialog-title .dialog-description {
  font-size: var(--fs-1-rem);
  color: #101828;
  line-height: 1.5;
  margin-top: 1.5rem;
}

.mat-dialog-actions .mat-button-base + .mat-button-base, .mat-dialog-actions .mat-mdc-button-base + .mat-mdc-button-base {
  margin-left: 0rem;
}

.mat-dialog-actions {
  padding: 1rem 0;
}
.mat-dialog-actions .mat-stroked-button {
  min-width: 9rem;
}
.mat-dialog-actions .gradient-btn {
  min-width: 12.5rem;
}
.mat-dialog-actions .gradient-btn.m-width-180 {
  min-width: 11.25rem;
}
.mat-dialog-actions button {
  height: 3rem;
}
@media (max-width: 600px) {
  .mat-dialog-actions button {
    height: auto;
  }
  .mat-dialog-actions .mat-stroked-button {
    min-width: auto;
  }
  .mat-dialog-actions .gradient-btn {
    min-width: auto !important;
  }
}
.mat-dialog-actions .selected-items {
  font-weight: 400;
  font-size: var(--fs-0-875-rem);
  text-transform: capitalize;
  color: #92949E;
}

.no-padding-dialog .mat-dialog-container {
  padding: 0 !important;
}
.no-padding-dialog .mat-dialog-container .btn-close {
  position: absolute;
  top: 0;
  right: 0;
}
.no-padding-dialog .mat-dialog-container ::ng-deep [dir=rtl].cdk-global-overlay-wrapper .btn-close {
  position: absolute;
  left: 0;
  right: unset;
}

.google-share-dialog .mat-dialog-container {
  box-shadow: none;
  background: none;
}
@media (max-width: 30rem) {
  .google-share-dialog .mat-dialog-container {
    padding: 0 !important;
  }
}
.google-share-dialog .mat-dialog-container .first-dialog {
  background: white;
  margin-bottom: 0.938rem;
}
.google-share-dialog .mat-dialog-container .first-dialog .content-container {
  padding-top: 1.25rem;
}
.google-share-dialog .mat-dialog-container .share-dialog .content-container {
  padding-top: 1.25rem;
  border-bottom: 0.063rem solid #EAEBEF;
}
.google-share-dialog .mat-dialog-container .share-dialog .marginTop-3 {
  margin-top: 0.188rem;
}
.google-share-dialog .mat-dialog-container .share-dialog .share-access-card {
  padding: 1.25rem 1.5rem;
  border-bottom: 0.063rem solid #EAEBEF;
}
.google-share-dialog .mat-dialog-container .share-dialog .share-access-card .card-main-heading {
  font-size: var(--fs-0-875-rem);
  font-weight: 500;
  line-height: 1.063rem;
  color: #303030;
}
.google-share-dialog .mat-dialog-container .share-dialog .share-access-card .card-main-text {
  font-weight: 400;
  font-size: var(--fs-0-75-rem);
  line-height: 0.875rem;
  color: #94959C;
}
.google-share-dialog .mat-dialog-container .share-dialog .share-access-card .card {
  box-shadow: none !important;
}
.google-share-dialog .mat-dialog-container .share-dialog .share-access-card .mat-button {
  line-height: 2.25rem;
  height: 2.25rem;
  padding: 0;
  min-width: 2.25rem;
  border-radius: 50%;
}
.google-share-dialog .mat-dialog-container .share-dialog .share-access-card .mat-button .mat-icon {
  font-size: var(--fs-1-375-rem);
  color: rgba(0, 0, 0, 0.5411764706);
}
.google-share-dialog .mat-dialog-container .share-dialog .copyLink .mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 0.375rem 0 0.625rem !important;
}
.google-share-dialog .mat-dialog-container .share-dialog .copyLink .mat-input-element:disabled {
  font-weight: 400 !important;
  font-size: var(--fs-0-875-rem) !important;
  line-height: 1.063rem !important;
  color: #5BAA15 !important;
  text-overflow: ellipsis;
}
.google-share-dialog .mat-dialog-container .saved-users-dialog {
  background: white;
  padding: 1.25rem 0 1.25rem 0;
  margin-bottom: 0.938rem;
}
.google-share-dialog .mat-dialog-container .second-dialog {
  background: white;
}
.google-share-dialog .mat-dialog-container .second-dialog .content-container {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.google-share-dialog .mat-dialog-container .heading {
  padding: 1.5rem 1.5rem 0rem 1.5rem;
  font-weight: 600;
  color: #202124;
  font-size: var(--fs-1-rem);
}
.google-share-dialog .mat-dialog-container .share-side-padding {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.google-share-dialog .mat-dialog-container .full-width {
  width: 100%;
}
.google-share-dialog .mat-dialog-container .mat-form-field-flex {
  padding-top: 0;
}
.google-share-dialog .mat-dialog-container .mat-dialog-actions {
  margin-bottom: 0;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.google-share-dialog .mat-dialog-container .mat-dialog-actions .gradient-btn {
  min-width: 5.188rem;
  height: 2.25rem;
}
.google-share-dialog .mat-dialog-container .mat-dialog-title {
  margin-bottom: 0;
}

.more-padding .mat-dialog-container {
  padding: 3rem 5rem !important;
}

.AI-dialog .file-details {
  width: 100%;
  height: 7.875rem;
}
.AI-dialog .file-details .file-detail {
  height: 7.875rem;
}
.AI-dialog .file-details .file-detail .file {
  padding: 2.5em;
}

.idenedi-users-mat-chip-list .mat-chip-list-wrapper {
  max-height: 7.5rem;
  overflow-y: auto;
}

.xdrs-chip-list .mat-chip.mat-standard-chip {
  background: rgb(242, 244, 247);
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem !important;
  font-weight: 400;
  font-size: var(--fs-0-875-rem);
  color: rgb(102, 112, 133);
  word-break: break-all;
  height: auto;
  line-height: 0.875rem;
}
.xdrs-chip-list .mat-chip.mat-standard-chip .mat-chip-remove {
  color: #737475;
  opacity: 1;
}
.xdrs-chip-list.tag-ellipsis .mat-chip.mat-standard-chip {
  padding-top: 0.563rem !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 4.375rem;
  display: block;
}

:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
::ng-deep .mat-slide-toggle-bar {
  width: 2rem !important;
  height: 1rem !important;
  border-radius: 0.75rem !important;
}
::ng-deep .mat-slide-toggle-thumb-container {
  width: 0.75rem !important;
  height: 0.75rem !important;
  top: 0.125rem !important;
  left: 0.125rem !important;
}
::ng-deep .mat-slide-toggle-thumb {
  width: 0.75rem !important;
  height: 0.75rem !important;
}
::ng-deep .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  transform: translate3d(1rem, 0, 0) !important;
}
::ng-deep body.rtl ::ng-deep .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  transform: translate3d(-1rem, 0, 0) !important;
}
::ng-deep .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #ffffff !important;
}
::ng-deep .mat-slide-toggle .mat-slide-toggle-bar {
  background-image: linear-gradient(to bottom, #cdd0d8, #aaadb8 99%);
}
::ng-deep .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: var(--primary-color) !important;
  background-image: none;
}
::ng-deep .mat-slide-toggle .mat-slide-toggle-ripple {
  display: none;
}

:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
.main-table .small-font-size.desinger-value, .main-table .small-font-size a, .main-table .small-font-size .mat-button-wrapper, .main-table .small-font-size input, .main-table .small-font-size .mat-select-value-text, .main-table .small-font-size .mat-checkbox-label, .main-table .small-font-size .mat-standard-chip, .template-card .small-font-size.desinger-value, .template-card .small-font-size a, .template-card .small-font-size .mat-button-wrapper, .template-card .small-font-size input, .template-card .small-font-size .mat-select-value-text, .template-card .small-font-size .mat-checkbox-label, .template-card .small-font-size .mat-standard-chip {
  font-size: var(--fs-0-875-rem) !important;
  line-height: 1.45;
  color: #9c9da6;
}
.main-table .medium-font-size.desinger-value, .main-table .medium-font-size a, .main-table .medium-font-size .mat-button-wrapper, .main-table .medium-font-size input, .main-table .medium-font-size .mat-select-value-text, .main-table .medium-font-size .mat-checkbox-label, .main-table .medium-font-size .mat-standard-chip, .template-card .medium-font-size.desinger-value, .template-card .medium-font-size a, .template-card .medium-font-size .mat-button-wrapper, .template-card .medium-font-size input, .template-card .medium-font-size .mat-select-value-text, .template-card .medium-font-size .mat-checkbox-label, .template-card .medium-font-size .mat-standard-chip {
  font-size: var(--fs-1-rem) !important;
  line-height: 1.5;
}
.main-table .large-font-size.desinger-value, .main-table .large-font-size a, .main-table .large-font-size .mat-button-wrapper, .main-table .large-font-size input, .main-table .large-font-size .mat-select-value-text, .main-table .large-font-size .mat-checkbox-label, .main-table .large-font-size .mat-standard-chip, .template-card .large-font-size.desinger-value, .template-card .large-font-size a, .template-card .large-font-size .mat-button-wrapper, .template-card .large-font-size input, .template-card .large-font-size .mat-select-value-text, .template-card .large-font-size .mat-checkbox-label, .template-card .large-font-size .mat-standard-chip {
  font-size: var(--fs-1-5-rem) !important;
  line-height: 1.5;
}
.main-table .regular-font-weight.desinger-value, .main-table .regular-font-weight a, .main-table .regular-font-weight .mat-button-wrapper, .main-table .regular-font-weight input, .main-table .regular-font-weight .mat-select-value-text, .main-table .regular-font-weight .mat-checkbox-label, .main-table .regular-font-weight .mat-standard-chip, .template-card .regular-font-weight.desinger-value, .template-card .regular-font-weight a, .template-card .regular-font-weight .mat-button-wrapper, .template-card .regular-font-weight input, .template-card .regular-font-weight .mat-select-value-text, .template-card .regular-font-weight .mat-checkbox-label, .template-card .regular-font-weight .mat-standard-chip {
  font-weight: normal !important;
}
.main-table .medium-font-weight.desinger-value, .main-table .medium-font-weight a, .main-table .medium-font-weight .mat-button-wrapper, .main-table .medium-font-weight input, .main-table .medium-font-weight .mat-select-value-text, .main-table .medium-font-weight .mat-checkbox-label, .main-table .medium-font-weight .mat-standard-chip, .template-card .medium-font-weight.desinger-value, .template-card .medium-font-weight a, .template-card .medium-font-weight .mat-button-wrapper, .template-card .medium-font-weight input, .template-card .medium-font-weight .mat-select-value-text, .template-card .medium-font-weight .mat-checkbox-label, .template-card .medium-font-weight .mat-standard-chip {
  font-weight: 500 !important;
}
.main-table .bold-font-weight.desinger-value, .main-table .bold-font-weight a, .main-table .bold-font-weight .mat-button-wrapper, .main-table .bold-font-weight input, .main-table .bold-font-weight .mat-select-value-text, .main-table .bold-font-weight .mat-checkbox-label, .main-table .bold-font-weight .mat-standard-chip, .template-card .bold-font-weight.desinger-value, .template-card .bold-font-weight a, .template-card .bold-font-weight .mat-button-wrapper, .template-card .bold-font-weight input, .template-card .bold-font-weight .mat-select-value-text, .template-card .bold-font-weight .mat-checkbox-label, .template-card .bold-font-weight .mat-standard-chip {
  font-weight: 800 !important;
}
.main-table .italic-font-weight.desinger-value, .main-table .italic-font-weight a, .main-table .italic-font-weight .mat-button-wrapper, .main-table .italic-font-weight input, .main-table .italic-font-weight .mat-select-value-text, .main-table .italic-font-weight .mat-checkbox-label, .main-table .italic-font-weight .mat-standard-chip, .template-card .italic-font-weight.desinger-value, .template-card .italic-font-weight a, .template-card .italic-font-weight .mat-button-wrapper, .template-card .italic-font-weight input, .template-card .italic-font-weight .mat-select-value-text, .template-card .italic-font-weight .mat-checkbox-label, .template-card .italic-font-weight .mat-standard-chip {
  font-style: italic !important;
  font-weight: normal !important;
}
.main-table .medium-italic-font-weight.desinger-value, .main-table .medium-italic-font-weight a, .main-table .medium-italic-font-weight .mat-button-wrapper, .main-table .medium-italic-font-weight input, .main-table .medium-italic-font-weight .mat-select-value-text, .main-table .medium-italic-font-weight .mat-checkbox-label, .main-table .medium-italic-font-weight .mat-standard-chip, .template-card .medium-italic-font-weight.desinger-value, .template-card .medium-italic-font-weight a, .template-card .medium-italic-font-weight .mat-button-wrapper, .template-card .medium-italic-font-weight input, .template-card .medium-italic-font-weight .mat-select-value-text, .template-card .medium-italic-font-weight .mat-checkbox-label, .template-card .medium-italic-font-weight .mat-standard-chip {
  font-style: italic !important;
  font-weight: 500 !important;
}
.main-table .bold-italic-font-weight.desinger-value, .main-table .bold-italic-font-weight a, .main-table .bold-italic-font-weight .mat-button-wrapper, .main-table .bold-italic-font-weight input, .main-table .bold-italic-font-weight .mat-select-value-text, .main-table .bold-italic-font-weight .mat-checkbox-label, .main-table .bold-italic-font-weight .mat-standard-chip, .template-card .bold-italic-font-weight.desinger-value, .template-card .bold-italic-font-weight a, .template-card .bold-italic-font-weight .mat-button-wrapper, .template-card .bold-italic-font-weight input, .template-card .bold-italic-font-weight .mat-select-value-text, .template-card .bold-italic-font-weight .mat-checkbox-label, .template-card .bold-italic-font-weight .mat-standard-chip {
  font-style: italic !important;
  font-weight: bold !important;
}
.main-table .field-underline.desinger-value, .main-table .field-underline a, .main-table .field-underline .mat-button-wrapper, .main-table .field-underline input, .main-table .field-underline .mat-select-value-text, .main-table .field-underline .mat-checkbox-label, .main-table .field-underline .mat-standard-chip, .template-card .field-underline.desinger-value, .template-card .field-underline a, .template-card .field-underline .mat-button-wrapper, .template-card .field-underline input, .template-card .field-underline .mat-select-value-text, .template-card .field-underline .mat-checkbox-label, .template-card .field-underline .mat-standard-chip {
  text-decoration: underline;
}
.main-table .text-justify, .template-card .text-justify {
  text-align: justify;
}
.main-table .row-count-1, .template-card .row-count-1 {
  max-height: 3.125rem !important;
  height: 3.125rem;
  overflow: hidden;
}
.main-table .row-count-1 .stars-container, .template-card .row-count-1 .stars-container {
  margin-top: 0rem;
}
.main-table .row-count-2, .template-card .row-count-2 {
  max-height: 6.25rem !important;
  height: 6.25rem;
  overflow: hidden;
}
.main-table .row-count-3, .template-card .row-count-3 {
  max-height: 9.375rem !important;
  height: 9.375rem;
  overflow: hidden;
}
.main-table .row-count-4, .template-card .row-count-4 {
  max-height: 12.5rem !important;
  height: 12.5rem;
  overflow: hidden;
}
.main-table .row-count-5, .template-card .row-count-5 {
  max-height: 15.625rem !important;
  height: 15.625rem;
  overflow: hidden;
}
.main-table .row-count-6, .template-card .row-count-6 {
  max-height: 18.75rem !important;
  height: 18.75rem;
  overflow: hidden;
}
.main-table .row-count-7, .template-card .row-count-7 {
  max-height: 21.875rem !important;
  height: 21.875rem;
  overflow: hidden;
}
.main-table .row-count-8, .template-card .row-count-8 {
  max-height: 25rem !important;
  height: 25rem;
  overflow: hidden;
}
.main-table .row-count-9, .template-card .row-count-9 {
  max-height: 28.125rem !important;
  height: 28.125rem;
  overflow: hidden;
}
.main-table .row-count-10, .template-card .row-count-10 {
  max-height: 31.25rem !important;
  height: 31.25rem;
  overflow: hidden;
}

:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
/*------------------rtl-css--------------------*/
::ng-deep body.rtl span.material-icons.vis-hide.ng-star-inserted {
  position: absolute;
}

::ng-deep body.rtl mat-error {
  text-align: right;
}

::ng-deep body.rtl mat-expansion-panel-header mat-panel-title {
  line-height: 1.125rem;
}

/*------------------rtl-css--------------------*/
/*------------------rtl-css--------------------*/
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
/*------------------rtl-css--------------------*/
::ng-deep body.rtl span.material-icons.vis-hide.ng-star-inserted {
  position: absolute;
}

::ng-deep body.rtl mat-error {
  text-align: right;
}

::ng-deep body.rtl mat-expansion-panel-header mat-panel-title {
  line-height: 1.125rem;
}

/*------------------rtl-css--------------------*/
/*------------------rtl-css--------------------*/
.vjs-theme-sea .vjs-big-play-button {
  width: 5.5rem !important;
  height: 5.5rem !important;
  object-fit: contain !important;
  border: none !important;
  margin: 0 auto !important;
  line-height: 5.5rem !important;
  top: 50% !important;
  left: 50% !important;
  margin-top: -3.219rem !important;
  margin-left: -2.469rem !important;
  border-radius: 6.25rem !important;
  background: rgba(0, 0, 0, 0.2) !important;
  -webkit-backdrop-filter: blur(0.25rem) !important;
          backdrop-filter: blur(0.25rem) !important;
}

.vjs-theme-sea.vjs-paused .vjs-big-play-button {
  display: block !important;
  visibility: visible !important;
}

.vjs-theme-sea .vjs-control-bar {
  height: 0.25rem !important;
  background-color: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.vjs-theme-sea .vjs-button:hover {
  color: #4176bc !important;
  background: linear-gradient(to top, #d0ddee, #fff) !important;
}

.vjs-theme-sea .vjs-button > .vjs-icon-placeholder::before {
  line-height: 5.5rem !important;
}

.vjs-theme-sea .vjs-time-control {
  line-height: 4em !important;
}

.vjs-theme-sea .vjs-volume-panel {
  display: none !important;
}

.vjs-theme-sea .vjs-picture-in-picture-control {
  display: none !important;
}

.vjs-theme-sea .vjs-progress-control .vjs-play-progress {
  background-color: var(--primary-color) !important;
}

.vjs-theme-sea .vjs-progress-control .vjs-play-progress:before {
  display: none !important;
}

.vjs-theme-sea .vjs-progress-control .vjs-slider {
  background-color: transparent !important;
}

.vjs-theme-sea .vjs-progress-control .vjs-progress-holder {
  margin: 0 !important;
  height: 100% !important;
}

.vjs-theme-sea .vjs-progress-control .vjs-time-tooltip {
  background-color: transparent !important;
  color: #fff !important;
}

.vjs-theme-sea .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip {
  display: none;
}

.vjs-theme-sea .vjs-progress-control .vjs-load-progress {
  background-color: var(--primary2-color) !important;
  background: transparent !important;
}

.vjs-theme-sea .vjs-control-bar .vjs-subs-caps-button {
  display: none !important;
}

.vjs-theme-sea .vjs-control-bar .vjs-fullscreen-control {
  display: none !important;
}

.vjs-theme-sea .vjs-control-bar .vjs-play-control {
  display: none !important;
}

.vjs-theme-sea .vjs-control-bar .vjs-time-control {
  display: none !important;
}

.vjs-theme-sea:not(.vjs-audio-only-mode) {
  height: 100% !important;
}

.mat-cb-24 .mat-checkbox-inner-container {
  height: 1.5rem;
  width: 1.5rem;
}

.loading-opacity {
  position: relative;
  transition: opacity 2s ease-in-out;
  animation: opacityframes 2s infinite;
}

@keyframes opacityframes {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.highlight-selection {
  background-color: rgba(var(--primary-color-rgb), 0.15);
}

.border-primary:not(:disabled) {
  border-color: var(--primary-color) !important;
}

.esp-action-menu {
  min-width: 8.5rem !important;
}
.esp-action-menu.mat-menu-below {
  top: 0.25rem !important;
}

.mat-menu-panel.create-booking-menu {
  max-width: unset !important;
  border-radius: 0.5rem;
  border: 0.031rem solid var(--Gray-300, #D0D5DD);
  background: #FFF;
  /* Shadows/medium (cards) */
  box-shadow: 0 0.063rem 0.25rem 0 rgba(33, 33, 52, 0.1) !important;
}

.booking-field .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}

.mat-menu-panel.time-menu {
  width: 21.25rem !important;
  max-width: 21.25rem !important;
  max-height: 15.625rem !important;
  overflow-y: auto !important;
}

.mat-menu-panel.custom-font-size-menu .mat-menu-content {
  width: 8.25rem !important;
  border-radius: 0.5rem;
  border: 0.031rem solid var(--Light-mode-Neutral150, #EAEAEF);
  background: var(--Light-mode-Neutral0, #FFF);
  padding: 0.25rem 0 !important;
  box-shadow: 0 0.063rem 0.25rem 0 rgba(33, 33, 52, 0.1);
}
.mat-menu-panel.custom-font-size-menu .mat-menu-content button {
  border-bottom: none !important;
  color: #101828 !important;
  font-size: var(--fs-1-rem) !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.5rem !important;
  padding: 0.625rem 0.875rem !important;
}

.mat-menu-panel.show-all-booking-details-menu {
  max-width: unset !important;
  border-radius: 0.5rem;
  border: 0.031rem solid var(--Gray-300, #D0D5DD);
  background: #FFF;
  /* Shadows/medium (cards) */
  box-shadow: 0 0.063rem 0.25rem 0 rgba(33, 33, 52, 0.1);
}

.mat-menu-panel.days-off-menu {
  max-width: unset !important;
  border-radius: 0.5rem;
  border: 0.031rem solid var(--Gray-300, #D0D5DD);
  background: #FFF;
  /* Shadows/medium (cards) */
  box-shadow: 0 0.063rem 0.25rem 0 rgba(33, 33, 52, 0.1);
}
.mat-menu-panel.days-off-menu .mat-menu-content {
  padding: 0 !important;
}

:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
.boxed-radio-group .mat-radio-button {
  border: 0.063rem solid #D0D5DD;
}
.boxed-radio-group .mat-radio-button.mat-radio-checked {
  border: 0.063rem solid var(--primary-color);
}

.email-verification-input .mat-form-field-wrapper {
  margin-bottom: 0rem !important;
  padding-bottom: 0rem !important;
}

.sms-verification-input .mat-form-field-prefix {
  top: -0.188rem !important;
}
.sms-verification-input .mat-form-field-infix {
  top: -0.188rem !important;
}
.sms-verification-input .mat-form-field-wrapper {
  margin-bottom: 0rem !important;
  padding-bottom: 0rem !important;
}
.sms-verification-input .mat-form-field-label-wrapper {
  top: -0.54375em !important;
}

.no-scroll {
  overflow: hidden;
  height: 100vh;
  touch-action: none;
}

.card {
  flex-direction: column;
  box-sizing: border-box;
  display: flex;
  -webkit-margin-before: 1rem;
          margin-block-start: 1rem;
  border-radius: 0.25rem;
  box-shadow: 0 0.625rem 1.25rem 0 rgba(198, 201, 210, 0.25);
  background-color: #fff;
}

.plannexe-form:not(.esp-container):not(.activites-container) .mat-tab-nav-bar {
  border-width: 0rem;
}
.plannexe-form:not(.esp-container):not(.activites-container) .mat-tab-links {
  border-bottom: 0.125rem solid #dadadb;
  margin-bottom: 0.0625rem;
}
.plannexe-form:not(.esp-container):not(.activites-container) .mat-ink-bar {
  height: 0.25rem;
  border-radius: 0.1875rem;
  background: linear-gradient(90deg, var(--primary-color-lighter) 0%, var(--primary-color) 100%);
}
.plannexe-form:not(.esp-container):not(.activites-container) .mat-tab-link {
  color: #303030;
  font-size: 0.875rem;
  opacity: 1 !important;
  font-weight: bold;
  min-width: auto !important;
}

.module-tabs .mat-tab-links {
  -webkit-border-after: 0.0625rem solid #ECEFF4 !important;
          border-block-end: 0.0625rem solid #ECEFF4 !important;
}
.module-tabs .mat-tab-link {
  font-weight: 400 !important;
  font-size: 0.875rem !important;
  color: var(--grey-color) !important;
}
.module-tabs .mat-tab-label-active {
  color: var(--primary-color) !important;
}

:root {
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-typography-button-font-weight: 700;
}

.mat-mdc-text-field-wrapper :hover {
  --mdc-outlined-text-field-outline-width: 0.125rem;
}

.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-label-text-color: #fff;
}

.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #98A2B3 !important;
}

.mdc-radio__outer-circle {
  width: 1.125rem !important;
  height: 1.125rem !important;
}

.mdc-radio__inner-circle {
  top: -0.063rem !important;
  left: -0.063rem !important;
}

.mat-form-field-outline {
  background: #FFFFFF !important;
}

.mat-form-field-label mat-label, .mat-placeholder-required {
  background: #FFFFFF !important;
}

.mat-mdc-text-field-wrapper, .mdc-floating-label {
  background: #FFFFFF !important;
}

.mat-checkbox-frame {
  border-radius: 0.25rem !important;
  border: 0.063rem solid #AAADB8 !important;
  background: #FFFFFF !important;
}

.mat-checkbox-background {
  border-radius: 0.25rem !important;
}

.mdc-checkbox {
  height: 1.25rem !important;
  width: 1.25rem !important;
}
.mdc-checkbox .mdc-checkbox__background {
  border: 0.063rem solid #aaadb8 !important;
  border-radius: 0.25rem !important;
  background: #fff !important;
}
.mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: #fff !important;
  fill: #fff !important;
}
.mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, .mdc-checkbox .mdc-checkbox__native-control:enabled[data-indeterminate=true] ~ .mdc-checkbox__background {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.mat-mdc-checkbox .mdc-form-field {
  height: 1.5rem !important;
}

.custom-checkbox .mdc-checkbox {
  padding-left: 0 !important;
}
.custom-checkbox .mdc-checkbox__background {
  left: 0 !important;
}
.custom-checkbox .mdc-checkbox__ripple {
  left: -0.625rem !important;
}

[dir=rtl] .mat-mdc-form-field.force-ltr {
  direction: ltr !important;
  text-align: left !important;
  /* Fix the outline positioning and remove RTL transform */
  /* Ensure notch and borders are aligned correctly */
  /* Make border thicker on focus/hover/error but keep Material colors */
  /* When label floats, remove top border from notch (keeps Material look) */
}
[dir=rtl] .mat-mdc-form-field.force-ltr .mat-mdc-text-field-wrapper,
[dir=rtl] .mat-mdc-form-field.force-ltr .mdc-text-field,
[dir=rtl] .mat-mdc-form-field.force-ltr .mdc-floating-label,
[dir=rtl] .mat-mdc-form-field.force-ltr input,
[dir=rtl] .mat-mdc-form-field.force-ltr textarea {
  direction: ltr !important;
  text-align: left !important;
}
[dir=rtl] .mat-mdc-form-field.force-ltr .mdc-notched-outline {
  direction: ltr !important;
  transform: none !important;
  left: 0 !important;
  right: auto !important;
}
[dir=rtl] .mat-mdc-form-field.force-ltr .mdc-notched-outline__leading {
  border-right: none !important;
  border-left-width: 0.063rem !important;
  border-left-style: solid;
  border-radius: 0.25rem 0 0 0.25rem !important;
  left: 0 !important;
  right: auto !important;
}
[dir=rtl] .mat-mdc-form-field.force-ltr .mdc-notched-outline__trailing {
  border-left: none !important;
  border-right-width: 0.063rem !important;
  border-right-style: solid;
  border-radius: 0 0.25rem 0.25rem 0 !important;
  right: 0 !important;
  left: auto !important;
}
[dir=rtl] .mat-mdc-form-field.force-ltr .mdc-notched-outline__notch {
  border-left: none !important;
  border-right: none !important;
  border-top-width: 0.063rem !important;
  border-top-style: solid;
  border-bottom-width: 0.063rem !important;
  border-bottom-style: solid;
  left: 0 !important;
  right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0.5rem !important;
  margin-right: 0rem !important;
  border-top: none !important;
}
[dir=rtl] .mat-mdc-form-field.force-ltr .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  margin-left: -0.5rem !important;
}
[dir=rtl] .mat-mdc-form-field.force-ltr.mat-focused .mdc-notched-outline__leading,
[dir=rtl] .mat-mdc-form-field.force-ltr.mat-focused .mdc-notched-outline__trailing,
[dir=rtl] .mat-mdc-form-field.force-ltr.mat-focused .mdc-notched-outline__notch, [dir=rtl] .mat-mdc-form-field.force-ltr.mat-form-field-invalid .mdc-notched-outline__leading,
[dir=rtl] .mat-mdc-form-field.force-ltr.mat-form-field-invalid .mdc-notched-outline__trailing,
[dir=rtl] .mat-mdc-form-field.force-ltr.mat-form-field-invalid .mdc-notched-outline__notch,
[dir=rtl] .mat-mdc-form-field.force-ltr .mat-mdc-text-field-wrapper:hover .mdc-notched-outline__leading,
[dir=rtl] .mat-mdc-form-field.force-ltr .mat-mdc-text-field-wrapper:hover .mdc-notched-outline__trailing,
[dir=rtl] .mat-mdc-form-field.force-ltr .mat-mdc-text-field-wrapper:hover .mdc-notched-outline__notch {
  border-width: 0.125rem !important;
}
[dir=rtl] .mat-mdc-form-field.force-ltr.mat-form-field-should-float .mdc-notched-outline__notch {
  border-top: none !important;
}

.mat-mdc-form-field-flex:not(:has(textarea)) {
  height: 3rem !important;
  align-items: center;
}

.mat-mdc-form-field-infix {
  display: flex;
  align-items: center;
  height: 3rem !important;
}
.mat-mdc-form-field-infix:has(textarea) {
  height: auto !important;
  align-items: flex-start;
}

.mat-mdc-input-element:not(textarea) {
  height: 3rem !important;
  line-height: 3rem !important;
  padding: 0 !important;
  box-sizing: border-box;
}

.mat-mdc-floating-label {
  top: 1.375rem !important;
}
.mat-mdc-floating-label.mdc-floating-label--float-above {
  top: 1.75rem !important;
}

.mat-mdc-form-field-icon-prefix,
.mat-mdc-form-field-icon-suffix {
  display: flex;
  align-items: center;
  height: 3rem !important;
}

.mat-mdc-form-field-infix {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 1.375rem;
}

.surver-setting-container .mdc-dialog__surface {
  overflow-y: hidden !important;
}
.surver-setting-container .mat-mdc-form-field-icon-suffix {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.surver-setting-container .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
  padding-left: 0.75rem !important;
}

:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
/*------------------rtl-css--------------------*/
::ng-deep body.rtl span.material-icons.vis-hide.ng-star-inserted {
  position: absolute;
}

::ng-deep body.rtl mat-error {
  text-align: right;
}

::ng-deep body.rtl mat-expansion-panel-header mat-panel-title {
  line-height: 1.125rem;
}

/*------------------rtl-css--------------------*/
/*------------------rtl-css--------------------*/
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
/*------------------rtl-css--------------------*/
::ng-deep body.rtl span.material-icons.vis-hide.ng-star-inserted {
  position: absolute;
}

::ng-deep body.rtl mat-error {
  text-align: right;
}

::ng-deep body.rtl mat-expansion-panel-header mat-panel-title {
  line-height: 1.125rem;
}

/*------------------rtl-css--------------------*/
/*------------------rtl-css--------------------*/
.request-submit-confirmation-dialog .mat-mdc-dialog-container, .draft-confirmation-dialog .mat-mdc-dialog-container, .cancel-application-dialog .mat-mdc-dialog-container, .esp-new-delete-dialog .mat-mdc-dialog-container, .esp-new-confirmation-dialog .mat-mdc-dialog-container, .esp-new-share-dialog .mat-mdc-dialog-container {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  border-radius: 0.5rem !important;
}

.cancel-application-dialog .mat-form-field-wrapper {
  padding-bottom: 2rem !important;
}
.cancel-application-dialog .mat-checkbox-inner-container {
  width: 1.5rem !important;
  height: 1.5rem !important;
}
@media (max-width: 48rem) {
  .cancel-application-dialog .mat-checkbox-inner-container {
    width: 1.25rem !important;
    height: 1.25rem !important;
  }
}
@media (max-width: 30rem) {
  .cancel-application-dialog .mat-checkbox-inner-container {
    width: 1rem !important;
    height: 1rem !important;
  }
}

/*
 @import "./../../../assets/fonts/satoshi/Satoshi_Complete/Fonts/WEB/css/satoshi.css";
*/
html,
body {
  margin: 0rem;
  background-color: #f6f7f9;
  max-height: 100%;
  font-family: var(--xcdr-font-family);
  scroll-behavior: auto;
}

* {
  box-sizing: border-box;
  outline: none;
}

:root {
  --primary-color: #bbbdba;
  --primary-color-lighter: #d4d6d3;
  --primary-color-rgb: 187, 189, 186;
  font-size: var(--font-size-base) !important;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0.375rem rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5;
}

::-webkit-scrollbar {
  width: 0.375rem;
  height: 0.563rem;
  background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
  background-color: #b1b1b1;
  border: 0.063rem solid #cccccc;
  border-radius: 1.25rem;
}

textarea::-webkit-scrollbar {
  width: 0.375rem;
  background-color: #f5f5f5;
}

.icon-fill-themed {
  fill: var(--primary-color) !important;
}

.hover-fill-primary:hover svg path:last-of-type {
  fill: var(--primary-color) !important;
}

.selected-fill-primary svg path:last-of-type {
  fill: var(--primary-color) !important;
}

.selected-fill svg path:last-of-type {
  fill: black !important;
}

.fill-svg-themed svg .icon-path {
  fill: var(--primary-color);
}
.fill-svg-themed svg .stroke-color {
  stroke: var(--primary-color);
}
.fill-svg-themed svg .stroke-color.social-color {
  fill: none;
}

.fill-svg-gray svg .icon-path {
  fill: #aaadb8;
}
.fill-svg-gray svg .stroke-color {
  stroke: #aaadb8;
}

.active .header-tab-icon svg .icon-path {
  fill: var(--primary-color);
}
.active .header-tab-icon svg .stroke-color {
  stroke: var(--primary-color);
}

xcdrs-slide-action-button.wb-pt-btn .mat-flat-button.mat-accent {
  background-color: white !important;
  color: var(--primary-color) !important;
}
xcdrs-slide-action-button.pb-wt-btn .mat-flat-button.mat-accent {
  background-color: var(--primary-color) !important;
  color: white !important;
}
xcdrs-slide-action-button.gs-pt-btn .mat-button.mat-accent,
xcdrs-slide-action-button.gs-pt-btn .mat-stroked-button.mat-accent {
  border-color: #EAEBEF !important;
  color: var(--primary-color) !important;
}
xcdrs-slide-action-button.ps-pt-btn .mat-button.mat-accent,
xcdrs-slide-action-button.ps-pt-btn .mat-stroked-button.mat-accent {
  border-color: var(--primary-color) !important;
  color: white !important;
}
xcdrs-slide-action-button.ws-wt-btn .mat-button.mat-accent,
xcdrs-slide-action-button.ws-wt-btn .mat-stroked-button.mat-accent {
  border-color: white !important;
  color: white !important;
}

.fill-gradient-svg svg .linear-start {
  stop-color: var(--primary-color-lighter);
}
.fill-gradient-svg svg .linear-end {
  stop-color: var(--primary-color);
}

.slide-list {
  margin: 0;
  white-space: normal;
}

textarea::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 0.375rem rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5;
}

.light rich-text a {
  color: white !important;
}

a {
  color: var(--primary-color);
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}

.exceeders-card {
  border-radius: 0.375rem;
  box-shadow: 0rem 0.063rem 0.25rem 0rem rgba(33, 33, 52, 0.1019607843);
  background-color: #fff;
}

.clickable {
  outline: none;
  cursor: pointer;
}

.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.chart-container {
  width: 100%;
  height: 6.25rem;
  display: block;
}
.chart-container .highcharts-container svg.highcharts-root .highcharts-grid.highcharts-yaxis-grid .highcharts-grid-line:nth-last-child(1) {
  display: none !important;
}
.chart-container .highcharts-container svg.highcharts-root .highcharts-credits {
  display: none !important;
}

mat-icon {
  overflow: unset !important;
}

.dialog-padding-40 .mat-dialog-container {
  padding: 2.5rem;
}

.error-snack-bar {
  background-color: #f44336;
  color: white;
}

.success-snack-bar {
  background-color: var(--primary-color);
  color: white;
}

.xcdrs-menu.mat-menu-panel {
  padding: 0rem;
  min-width: 9.375rem;
  min-height: 3rem;
}
.xcdrs-menu.mat-menu-panel .mat-menu-content:not(:empty) {
  padding: 0;
}
.xcdrs-menu.mat-menu-panel button:not(:last-child) {
  border-bottom: 0.063rem solid #dadadb;
}
.xcdrs-menu.mat-menu-panel button > span {
  font-weight: bold;
}

.cursor-grab {
  cursor: grab;
}

.cursor-pointer {
  cursor: pointer;
}

.center {
  text-align: center;
}

a.blue-link {
  color: #367dff;
}

a.link-primary {
  color: var(--primary-color);
  text-decoration: underline;
}

a.link-white {
  color: white;
  text-decoration: underline;
}

.boards-list-container xcdrs-board-card:nth-child(3n+3) .mat-card {
  margin-right: 0;
}

.step-control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  margin-bottom: 2.5rem;
}
.step-control span {
  display: block;
  width: 0.563rem;
  height: 0.563rem;
  border: solid 0.063rem #cdd0d8;
  background-color: #f2f2f2;
  border-radius: 50%;
  position: relative;
}
.step-control span.short-steps::after {
  width: 21.875rem !important;
}
.step-control span::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 100%;
  right: 100%;
  height: 0.063rem;
  width: 15.625rem;
  background-color: #cdd0d8;
}
.step-control span:last-of-type::after {
  display: none;
}
.step-control span.active {
  border: solid 0.063rem var(--primary-color);
  background-color: var(--primary-color);
}
.step-control span.active::after {
  background-color: var(--primary-color);
}

.rtl {
  direction: rtl;
}

/*-------------------rtl-css---------------------*/
body.rtl .mat-paginator .mat-paginator-outer-container .mat-paginator-range-actions {
  direction: ltr;
  flex-direction: row-reverse;
}

body.rtl .mat-autocomplete-panel.mat-autocomplete-visible {
  direction: rtl;
}

body.rtl .mat-option {
  text-align: right;
}

body.rtl .mat-form-field.custom input {
  text-align: right;
}

/*-------------------rtl-css---------------------*/
.dropzone {
  height: 5.625rem;
  background: rgba(108, 179, 63, 0.04);
  border: 0.125rem dashed var(--primary-color);
  border-radius: 0.25rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

body.full-container-width .main-container {
  max-width: 100%;
}

.mobile-menu-sheet {
  padding: 0 !important;
  border-radius: 1rem 1rem 0 0;
}

.ng-bar {
  background-color: var(--primary-color) !important;
}

.bg-primary {
  background-color: var(--primary-color) !important;
}

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

.no-back-drop .cdk-overlay-dark-backdrop {
  display: none;
}

.no-back-drop .mat-dialog-container {
  box-shadow: none !important;
}

.no-back-drop .cdk-overlay-pane {
  height: 100vh;
}

/* ----------- to adjust search box in add board ------------- */
body.adjust-search-height .txt-search-field-container input {
  max-width: 28.125rem;
}

/* ----------- to adjust search box in add board ------------- */
.hidden {
  display: none;
}

::ng-deep body.classname .mat-menu-panel {
  min-height: 3rem;
}

body.classname .mat-menu-panel {
  min-height: 3rem;
}

mat-paginator.mat-paginator .mat-paginator-container .mat-icon-button {
  width: 1.25rem;
}
mat-paginator.mat-paginator .mat-paginator-container button.mat-paginator-navigation-next {
  margin-left: 1.563rem;
  margin-right: 0.625rem;
}

.dirllDown-container .definitions-contianer {
  background-color: #F9FAFB !important;
  padding-bottom: 0rem !important;
  border-bottom: 0rem !important;
  margin-top: 0rem !important;
}
.dirllDown-container .definitions-contianer .label-answer,
.dirllDown-container .definitions-contianer .hyper-link {
  font-size: var(--fs-0-875-rem) !important;
}

.dirllDown-container .grid-header {
  padding: 0.5rem 1.375rem !important;
  border-bottom: 0.063rem solid !important;
  color: #667085 !important;
  border-bottom: 0.063rem solid rgba(170, 173, 184, 0.3) !important;
  font-size: var(--fs-0-75-rem) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  line-height: 1.125rem !important;
  text-align: left !important;
}
.dirllDown-container .grid-row .name,
.dirllDown-container .grid-row .description,
.dirllDown-container .grid-row .label-answer {
  font-size: var(--fs-0-75-rem) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  line-height: 1.25rem !important;
  text-align: left !important;
  color: #101828 !important;
}
.dirllDown-container .grid-row .status-box,
.dirllDown-container .grid-row .application-status {
  font-size: var(--fs-0-75-rem) !important;
  font-style: italic !important;
  font-weight: 500 !important;
  line-height: 1.125rem !important;
  text-align: center !important;
}

@media only screen and (min-width: 1118px) {
  body xcdrs-slide-cards owl-carousel-o owl-stage div.owl-stage {
    padding-left: 0.188rem;
  }
}
#btn-trigger-chat {
  right: 3rem !important;
  bottom: 1.5rem !important;
}

.cdk-overlay-transparent-backdrop {
  background: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
}

.custom-menu-panel {
  color: white !important;
  width: 16.625rem;
  overflow-y: auto;
  max-height: 80vh;
}
.custom-menu-panel .mat-menu-item a {
  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.625rem 0.875rem;
  gap: 0.5rem;
  height: 2.75rem;
  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  color: rgb(16, 24, 40) !important;
}
.custom-menu-panel .mat-menu-item a:hover {
  color: var(--primary-color) !important;
}
.custom-menu-panel .mat-menu-item a.active {
  color: var(--primary-color) !important;
}

.custom-manage-dialog {
  max-width: 94vw !important;
}
.custom-manage-dialog mat-dialog-container {
  padding: 1.5rem;
}

@media (min-width: 768px) {
  .custom-manage-dialog {
    max-width: 80vw;
  }
  .custom-manage-dialog mat-dialog-container {
    padding: 3rem 5rem;
  }
}
.rtl .prev-arrow {
  transform: scaleX(-1);
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.scrollbar-hide {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.tw-inset-inline-end-4 {
  inset-inline-end: 1rem;
}

.tw-inset-inline-start-4 {
  inset-inline-start: 1rem;
}

xcdrs-product-details {
  max-width: var(--max-content-width);
}
xcdrs-product-details:has(iframe.html-page-fullscreen) {
  max-width: 100%;
}
xcdrs-product-details:has(iframe.html-page-mobile) {
  max-width: 100%;
}

.border-highlight {
  animation: liftPop 0.45s ease-out, pulseGlow 1.6s ease-in-out infinite alternate;
  padding: 0.625rem;
}

@keyframes pulseGlow {
  from {
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.08), 0 0 0.625rem rgba(0, 0, 0, 0.1), 0 0 1.125rem rgba(0, 0, 0, 0.12);
  }
  to {
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.12), 0 0 1rem rgba(0, 0, 0, 0.15), 0 0 1.625rem rgba(0, 0, 0, 0.18);
  }
}

.placeholder\:tw-text-neutral-500::placeholder{
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
}

.hover\:tw-cursor-not-allowed:hover{
  cursor: not-allowed;
}

.hover\:tw-cursor-pointer:hover{
  cursor: pointer;
}

.hover\:tw-overflow-y-auto:hover{
  overflow-y: auto;
}

.hover\:tw-border:hover{
  border-width: 1px;
}

.hover\:tw-border-solid:hover{
  border-style: solid;
}

.hover\:tw-border-\[\#5BAA15\]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(91 170 21 / var(--tw-border-opacity, 1));
}

.hover\:tw-bg-\[\#4a9010\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(74 144 16 / var(--tw-bg-opacity, 1));
}

.hover\:tw-bg-\[\#F8FAFC\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.hover\:tw-bg-\[\#efefef\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1));
}

.hover\:tw-bg-gray-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.hover\:tw-bg-gray-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.hover\:tw-bg-green-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));
}

.hover\:tw-bg-slate-50:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.hover\:tw-text-\[\#101828\]:hover{
  --tw-text-opacity: 1;
  color: rgb(16 24 40 / var(--tw-text-opacity, 1));
}

.hover\:tw-text-\[\#5BAA15\]:hover{
  --tw-text-opacity: 1;
  color: rgb(91 170 21 / var(--tw-text-opacity, 1));
}

.hover\:tw-text-gray-500:hover{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.hover\:tw-text-gray-600:hover{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.hover\:tw-text-gray-700:hover{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.hover\:\!tw-underline:hover{
  -webkit-text-decoration-line: underline !important;
          text-decoration-line: underline !important;
}

.hover\:tw-underline:hover{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.hover\:tw-opacity-70:hover{
  opacity: 0.7;
}

.hover\:tw-shadow-md:hover{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:tw-z-\[3\]:focus{
  z-index: 3;
}

.focus\:tw-border-\[\#5BAA15\]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(91 170 21 / var(--tw-border-opacity, 1));
}

.focus\:tw-bg-slate-50:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.focus\:tw-outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:tw-ring-0:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:tw-ring-2:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:tw-ring-gray-300:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
}

.focus\:tw-ring-green-300:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(134 239 172 / var(--tw-ring-opacity, 1));
}

.focus\:tw-ring-offset-1:focus{
  --tw-ring-offset-width: 1px;
}

.active\:tw-bg-\[\#3d7a0d\]:active{
  --tw-bg-opacity: 1;
  background-color: rgb(61 122 13 / var(--tw-bg-opacity, 1));
}

.active\:tw-bg-white:active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.enabled\:tw-bg-white:enabled{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.disabled\:tw-cursor-not-allowed:disabled{
  cursor: not-allowed;
}

.disabled\:tw-opacity-50:disabled{
  opacity: 0.5;
}

.tw-group:hover .group-hover\:tw-flex{
  display: flex;
}

.tw-group:hover .group-hover\:tw-text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

@media (prefers-reduced-motion: reduce){
  .motion-reduce\:tw-transition-none{
    transition-property: none;
  }
}

@media not all and (min-width: 768px){
  .max-md\:tw-left-5{
    left: 1.25rem;
  }
  .max-md\:tw-mt-10{
    margin-top: 2.5rem;
  }
  .max-md\:tw-h-auto{
    height: auto;
  }
  .max-md\:tw-w-\[98\.4\%\]{
    width: 98.4%;
  }
  .max-md\:tw-w-full{
    width: 100%;
  }
  .max-md\:tw-min-w-max{
    min-width: -webkit-max-content;
    min-width: max-content;
  }
  .max-md\:tw-max-w-\[20\.5rem\]{
    max-width: 20.5rem;
  }
  .max-md\:tw-max-w-\[27\.5rem\]{
    max-width: 27.5rem;
  }
  .max-md\:tw-max-w-full{
    max-width: 100%;
  }
  .max-md\:tw-flex-col{
    flex-direction: column;
  }
  .max-md\:tw-items-start{
    align-items: flex-start;
  }
  .max-md\:tw-justify-start{
    justify-content: flex-start;
  }
  .max-md\:tw-gap-1{
    gap: 0.25rem;
  }
  .max-md\:tw-gap-4{
    gap: 1rem;
  }
  .max-md\:tw-gap-5{
    gap: 1.25rem;
  }
  .max-md\:tw-gap-6{
    gap: 1.5rem;
  }
  .max-md\:tw-gap-8{
    gap: 2rem;
  }
  .max-md\:tw-overflow-x-auto{
    overflow-x: auto;
  }
  .max-md\:tw-p-8{
    padding: 2rem;
  }
  .max-md\:tw-px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  .max-md\:tw-px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .max-md\:tw-px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .max-md\:tw-py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .max-md\:tw-py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .max-md\:tw-py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .max-md\:tw-pb-5{
    padding-bottom: 1.25rem;
  }
  .max-md\:tw-text-center{
    text-align: center;
  }
}

@media not all and (min-width: 640px){
  .max-sm\:tw-left-4{
    left: 1rem;
  }
  .max-sm\:tw-col-span-1{
    grid-column: span 1 / span 1;
  }
  .max-sm\:tw-mr-auto{
    margin-right: auto;
  }
  .max-sm\:tw-mt-4{
    margin-top: 1rem;
  }
  .max-sm\:tw-flex{
    display: flex;
  }
  .max-sm\:tw-grid{
    display: grid;
  }
  .max-sm\:tw-hidden{
    display: none;
  }
  .max-sm\:tw-w-24{
    width: 6rem;
  }
  .max-sm\:tw-w-28{
    width: 7rem;
  }
  .max-sm\:tw-w-32{
    width: 8rem;
  }
  .max-sm\:tw-w-40{
    width: 10rem;
  }
  .max-sm\:tw-w-48{
    width: 12rem;
  }
  .max-sm\:tw-w-80{
    width: 20rem;
  }
  .max-sm\:tw-w-\[4\.375rem\]{
    width: 4.375rem;
  }
  .max-sm\:tw-w-\[9\.063rem\]{
    width: 9.063rem;
  }
  .max-sm\:tw-w-\[97\%\]{
    width: 97%;
  }
  .max-sm\:tw-w-\[calc\(100\%_-_32px\)\]{
    width: calc(100% - 32px);
  }
  .max-sm\:tw-w-full{
    width: 100%;
  }
  .max-sm\:tw-max-w-\[90vw\]{
    max-width: 90vw;
  }
  .max-sm\:tw-max-w-full{
    max-width: 100%;
  }
  .max-sm\:tw-grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .max-sm\:tw-flex-row{
    flex-direction: row;
  }
  .max-sm\:tw-flex-col{
    flex-direction: column;
  }
  .max-sm\:tw-items-start{
    align-items: flex-start;
  }
  .max-sm\:tw-items-center{
    align-items: center;
  }
  .max-sm\:tw-justify-center{
    justify-content: center;
  }
  .max-sm\:tw-gap-0{
    gap: 0px;
  }
  .max-sm\:tw-gap-0\.5{
    gap: 0.125rem;
  }
  .max-sm\:tw-gap-1{
    gap: 0.25rem;
  }
  .max-sm\:tw-gap-3{
    gap: 0.75rem;
  }
  .max-sm\:tw-gap-4{
    gap: 1rem;
  }
  .max-sm\:tw-gap-5{
    gap: 1.25rem;
  }
  .max-sm\:tw-gap-6{
    gap: 1.5rem;
  }
  .max-sm\:tw-space-x-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
  }
  .max-sm\:tw-break-words{
    overflow-wrap: break-word;
  }
  .max-sm\:tw-rounded-sm{
    border-radius: 0.125rem;
  }
  .max-sm\:tw-border{
    border-width: 1px;
  }
  .max-sm\:tw-border-none{
    border-style: none;
  }
  .max-sm\:tw-border-white{
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  }
  .max-sm\:tw-p-1{
    padding: 0.25rem;
  }
  .max-sm\:tw-p-4{
    padding: 1rem;
  }
  .max-sm\:tw-p-6{
    padding: 1.5rem;
  }
  .max-sm\:tw-px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  .max-sm\:tw-px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .max-sm\:tw-px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .max-sm\:tw-px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .max-sm\:tw-py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .max-sm\:tw-py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .max-sm\:tw-py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .max-sm\:tw-py-2\.5{
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .max-sm\:tw-py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .max-sm\:tw-py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .max-sm\:tw-py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .max-sm\:tw-pb-4{
    padding-bottom: 1rem;
  }
  .max-sm\:tw-text-center{
    text-align: center;
  }
  .max-sm\:tw-text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .max-sm\:tw-text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .max-sm\:tw-text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .max-sm\:tw-leading-5{
    line-height: 1.25rem;
  }
  .max-sm\:tw-leading-6{
    line-height: 1.5rem;
  }
  .max-sm\:tw-leading-7{
    line-height: 1.75rem;
  }
}

@media (min-width: 640px){
  .sm\:tw-my-\[0\.3125rem\]{
    margin-top: 0.3125rem;
    margin-bottom: 0.3125rem;
  }
  .sm\:tw-ml-0{
    margin-left: 0px;
  }
  .sm\:tw-mt-0{
    margin-top: 0px;
  }
  .sm\:tw-mt-1{
    margin-top: 0.25rem;
  }
  .sm\:tw-mt-2\.5{
    margin-top: 0.625rem;
  }
  .sm\:tw-block{
    display: block;
  }
  .sm\:tw-inline-block{
    display: inline-block;
  }
  .sm\:\!tw-flex{
    display: flex !important;
  }
  .sm\:tw-flex{
    display: flex;
  }
  .sm\:\!tw-hidden{
    display: none !important;
  }
  .sm\:tw-hidden{
    display: none;
  }
  .sm\:\!tw-h-\[1\.75rem\]{
    height: 1.75rem !important;
  }
  .sm\:\!tw-h-\[2\.5rem\]{
    height: 2.5rem !important;
  }
  .sm\:tw-h-24{
    height: 6rem;
  }
  .sm\:tw-h-\[33\.5rem\]{
    height: 33.5rem;
  }
  .sm\:\!tw-w-\[1\.75rem\]{
    width: 1.75rem !important;
  }
  .sm\:\!tw-w-\[2\.5rem\]{
    width: 2.5rem !important;
  }
  .sm\:\!tw-w-\[2\.75rem\]{
    width: 2.75rem !important;
  }
  .sm\:\!tw-w-\[6rem\]{
    width: 6rem !important;
  }
  .sm\:tw-w-1\/5{
    width: 20%;
  }
  .sm\:tw-w-2\/5{
    width: 40%;
  }
  .sm\:tw-w-24{
    width: 6rem;
  }
  .sm\:tw-w-3\/4{
    width: 75%;
  }
  .sm\:tw-w-3\/5{
    width: 60%;
  }
  .sm\:tw-w-\[14\.375rem\]{
    width: 14.375rem;
  }
  .sm\:tw-w-\[16\.25rem\]{
    width: 16.25rem;
  }
  .sm\:tw-w-\[16\.438rem\]{
    width: 16.438rem;
  }
  .sm\:tw-w-\[17\.5rem\]{
    width: 17.5rem;
  }
  .sm\:tw-w-\[28\.75rem\]{
    width: 28.75rem;
  }
  .sm\:tw-w-\[4rem\]{
    width: 4rem;
  }
  .sm\:tw-w-\[6\.563rem\]{
    width: 6.563rem;
  }
  .sm\:tw-w-\[8\.75rem\]{
    width: 8.75rem;
  }
  .sm\:tw-w-auto{
    width: auto;
  }
  .sm\:tw-w-full{
    width: 100%;
  }
  .sm\:\!tw-min-w-\[11\.625rem\]{
    min-width: 11.625rem !important;
  }
  .sm\:\!tw-min-w-\[2\.5rem\]{
    min-width: 2.5rem !important;
  }
  .sm\:tw-flex-1{
    flex: 1 1 0%;
  }
  .sm\:tw-basis-1\/2{
    flex-basis: 50%;
  }
  .sm\:tw-basis-\[calc\(50\%-0\.5rem\)\]{
    flex-basis: calc(50% - 0.5rem);
  }
  .sm\:tw-basis-\[calc\(50\%-1\.5rem\)\]{
    flex-basis: calc(50% - 1.5rem);
  }
  .sm\:tw-grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:tw-grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm\:tw-flex-row{
    flex-direction: row;
  }
  .sm\:tw-flex-col{
    flex-direction: column;
  }
  .sm\:tw-items-start{
    align-items: flex-start;
  }
  .sm\:tw-items-center{
    align-items: center;
  }
  .sm\:tw-justify-start{
    justify-content: flex-start;
  }
  .sm\:tw-justify-between{
    justify-content: space-between;
  }
  .sm\:tw-gap-0{
    gap: 0px;
  }
  .sm\:tw-gap-2{
    gap: 0.5rem;
  }
  .sm\:tw-gap-3{
    gap: 0.75rem;
  }
  .sm\:tw-gap-4{
    gap: 1rem;
  }
  .sm\:tw-gap-\[0\.375rem\]{
    gap: 0.375rem;
  }
  .sm\:tw-gap-\[0\.5rem\]{
    gap: 0.5rem;
  }
  .sm\:tw-gap-\[0\.75rem\]{
    gap: 0.75rem;
  }
  .sm\:tw-gap-\[0\]{
    gap: 0;
  }
  .sm\:tw-gap-\[1\.25rem\]{
    gap: 1.25rem;
  }
  .sm\:tw-gap-\[1\.5rem\]{
    gap: 1.5rem;
  }
  .sm\:tw-overflow-visible{
    overflow: visible;
  }
  .sm\:tw-overflow-y-auto{
    overflow-y: auto;
  }
  .sm\:tw-whitespace-normal{
    white-space: normal;
  }
  .sm\:\!tw-bg-\[\#fff\]{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  }
  .sm\:\!tw-p-8{
    padding: 2rem !important;
  }
  .sm\:\!tw-p-\[0\.625rem\]{
    padding: 0.625rem !important;
  }
  .sm\:tw-p-\[1\.5rem\]{
    padding: 1.5rem;
  }
  .sm\:tw-p-\[1rem\]{
    padding: 1rem;
  }
  .sm\:tw-p-\[3rem_120px\]{
    padding: 3rem 120px;
  }
  .sm\:\!tw-px-\[0\.75rem\]{
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .sm\:\!tw-px-\[0\.875rem\]{
    padding-left: 0.875rem !important;
    padding-right: 0.875rem !important;
  }
  .sm\:\!tw-py-\[0\.5rem\]{
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .sm\:\!tw-py-\[0\.625rem\]{
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
  .sm\:tw-px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .sm\:tw-px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:tw-px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:tw-px-\[1\.25rem\]{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .sm\:tw-px-\[1\.5rem\]{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:tw-py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .sm\:tw-py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .sm\:tw-py-\[1rem\]{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .sm\:tw-pb-2{
    padding-bottom: 0.5rem;
  }
  .sm\:tw-pb-\[0\.25rem\]{
    padding-bottom: 0.25rem;
  }
  .sm\:tw-pb-\[1\.5rem\]{
    padding-bottom: 1.5rem;
  }
  .sm\:tw-pr-0{
    padding-right: 0px;
  }
  .sm\:tw-pr-48{
    padding-right: 12rem;
  }
  .sm\:tw-pr-\[1\.063rem\]{
    padding-right: 1.063rem;
  }
  .sm\:tw-pr-\[1rem\]{
    padding-right: 1rem;
  }
  .sm\:tw-pt-4{
    padding-top: 1rem;
  }
  .sm\:tw-pt-6{
    padding-top: 1.5rem;
  }
  .sm\:tw-pt-\[1rem\]{
    padding-top: 1rem;
  }
  .sm\:tw-text-start{
    text-align: start;
  }
  .sm\:\!tw-text-2xl{
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }
  .sm\:\!tw-text-base{
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
  .sm\:\!tw-text-lg{
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
  .sm\:\!tw-text-sm{
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
  }
  .sm\:\!tw-text-xl{
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
  }
  .sm\:tw-text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .sm\:tw-text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .sm\:tw-text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .sm\:tw-shadow-md{
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

@media (min-width: 768px){
  .md\:tw-relative{
    position: relative;
  }
  .md\:tw-m-4{
    margin: 1rem;
  }
  .md\:tw-mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }
  .md\:tw-my-\[2rem\]{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .md\:\!tw-mb-0{
    margin-bottom: 0px !important;
  }
  .md\:\!tw-mt-\[1\.5rem\]{
    margin-top: 1.5rem !important;
  }
  .md\:\!tw-mt-\[2rem\]{
    margin-top: 2rem !important;
  }
  .md\:tw-mb-0{
    margin-bottom: 0px;
  }
  .md\:tw-mb-10{
    margin-bottom: 2.5rem;
  }
  .md\:tw-mb-12{
    margin-bottom: 3rem;
  }
  .md\:tw-mb-14{
    margin-bottom: 3.5rem;
  }
  .md\:tw-mb-16{
    margin-bottom: 4rem;
  }
  .md\:tw-mb-2{
    margin-bottom: 0.5rem;
  }
  .md\:tw-mb-4{
    margin-bottom: 1rem;
  }
  .md\:tw-mb-5{
    margin-bottom: 1.25rem;
  }
  .md\:tw-mb-6{
    margin-bottom: 1.5rem;
  }
  .md\:tw-mb-8{
    margin-bottom: 2rem;
  }
  .md\:tw-ml-24{
    margin-left: 6rem;
  }
  .md\:tw-ml-3{
    margin-left: 0.75rem;
  }
  .md\:tw-ml-4{
    margin-left: 1rem;
  }
  .md\:tw-ml-5{
    margin-left: 1.25rem;
  }
  .md\:tw-ml-auto{
    margin-left: auto;
  }
  .md\:tw-mr-0{
    margin-right: 0px;
  }
  .md\:tw-mr-2{
    margin-right: 0.5rem;
  }
  .md\:tw-mr-2\.5{
    margin-right: 0.625rem;
  }
  .md\:tw-mr-3{
    margin-right: 0.75rem;
  }
  .md\:tw-mr-4{
    margin-right: 1rem;
  }
  .md\:tw-mr-6{
    margin-right: 1.5rem;
  }
  .md\:tw-mt-0{
    margin-top: 0px;
  }
  .md\:tw-mt-1\.5{
    margin-top: 0.375rem;
  }
  .md\:tw-mt-10{
    margin-top: 2.5rem;
  }
  .md\:tw-mt-11{
    margin-top: 2.75rem;
  }
  .md\:tw-mt-12{
    margin-top: 3rem;
  }
  .md\:tw-mt-14{
    margin-top: 3.5rem;
  }
  .md\:tw-mt-2{
    margin-top: 0.5rem;
  }
  .md\:tw-mt-4{
    margin-top: 1rem;
  }
  .md\:tw-mt-5{
    margin-top: 1.25rem;
  }
  .md\:tw-mt-6{
    margin-top: 1.5rem;
  }
  .md\:tw-mt-7{
    margin-top: 1.75rem;
  }
  .md\:tw-mt-8{
    margin-top: 2rem;
  }
  .md\:tw-mt-\[1\.5rem\]{
    margin-top: 1.5rem;
  }
  .md\:tw-mt-\[2\.5rem\]{
    margin-top: 2.5rem;
  }
  .md\:\!tw-block{
    display: block !important;
  }
  .md\:tw-block{
    display: block;
  }
  .md\:tw-inline-block{
    display: inline-block;
  }
  .md\:tw-inline{
    display: inline;
  }
  .md\:\!tw-flex{
    display: flex !important;
  }
  .md\:tw-flex{
    display: flex;
  }
  .md\:tw-inline-flex{
    display: inline-flex;
  }
  .md\:tw-contents{
    display: contents;
  }
  .md\:tw-hidden{
    display: none;
  }
  .md\:\!tw-h-auto{
    height: auto !important;
  }
  .md\:tw-h-\[10\.25rem\]{
    height: 10.25rem;
  }
  .md\:tw-h-\[100\%\]{
    height: 100%;
  }
  .md\:tw-h-\[10rem\]{
    height: 10rem;
  }
  .md\:tw-h-\[3\.25rem\]{
    height: 3.25rem;
  }
  .md\:tw-h-\[3\.5rem\]{
    height: 3.5rem;
  }
  .md\:tw-h-\[31\.25rem\]{
    height: 31.25rem;
  }
  .md\:tw-h-\[3rem\]{
    height: 3rem;
  }
  .md\:tw-h-\[4\.5rem\]{
    height: 4.5rem;
  }
  .md\:tw-h-\[4rem\]{
    height: 4rem;
  }
  .md\:tw-h-\[5\.5rem\]{
    height: 5.5rem;
  }
  .md\:tw-h-\[7\.5rem\]{
    height: 7.5rem;
  }
  .md\:tw-h-\[8\.75rem\]{
    height: 8.75rem;
  }
  .md\:tw-h-full{
    height: 100%;
  }
  .md\:tw-max-h-96{
    max-height: 24rem;
  }
  .md\:tw-max-h-\[10rem\]{
    max-height: 10rem;
  }
  .md\:tw-max-h-\[44\.063rem\]{
    max-height: 44.063rem;
  }
  .md\:tw-max-h-\[7\.5rem\]{
    max-height: 7.5rem;
  }
  .md\:tw-max-h-\[7\.75rem\]{
    max-height: 7.75rem;
  }
  .md\:tw-min-h-\[18rem\]{
    min-height: 18rem;
  }
  .md\:\!tw-w-\[28\.625rem\]{
    width: 28.625rem !important;
  }
  .md\:\!tw-w-auto{
    width: auto !important;
  }
  .md\:tw-w-1\/2{
    width: 50%;
  }
  .md\:tw-w-1\/3{
    width: 33.333333%;
  }
  .md\:tw-w-1\/5{
    width: 20%;
  }
  .md\:tw-w-11\/12{
    width: 91.666667%;
  }
  .md\:tw-w-2\/3{
    width: 66.666667%;
  }
  .md\:tw-w-2\/6{
    width: 33.333333%;
  }
  .md\:tw-w-3\/5{
    width: 60%;
  }
  .md\:tw-w-4\/12{
    width: 33.333333%;
  }
  .md\:tw-w-4\/5{
    width: 80%;
  }
  .md\:tw-w-60{
    width: 15rem;
  }
  .md\:tw-w-8{
    width: 2rem;
  }
  .md\:tw-w-8\/12{
    width: 66.666667%;
  }
  .md\:tw-w-96{
    width: 24rem;
  }
  .md\:tw-w-\[10\.25rem\]{
    width: 10.25rem;
  }
  .md\:tw-w-\[10rem\]{
    width: 10rem;
  }
  .md\:tw-w-\[12\.5rem\]{
    width: 12.5rem;
  }
  .md\:tw-w-\[12rem\]{
    width: 12rem;
  }
  .md\:tw-w-\[15\.5rem\]{
    width: 15.5rem;
  }
  .md\:tw-w-\[15\.625rem\]{
    width: 15.625rem;
  }
  .md\:tw-w-\[18\.75rem\]{
    width: 18.75rem;
  }
  .md\:tw-w-\[19\.125rem\]{
    width: 19.125rem;
  }
  .md\:tw-w-\[19\.25rem\]{
    width: 19.25rem;
  }
  .md\:tw-w-\[20\.5rem\]{
    width: 20.5rem;
  }
  .md\:tw-w-\[22\.5rem\]{
    width: 22.5rem;
  }
  .md\:tw-w-\[25rem\]{
    width: 25rem;
  }
  .md\:tw-w-\[27\.5rem\]{
    width: 27.5rem;
  }
  .md\:tw-w-\[28\.75rem\]{
    width: 28.75rem;
  }
  .md\:tw-w-\[30\%\]{
    width: 30%;
  }
  .md\:tw-w-\[40\.313rem\]{
    width: 40.313rem;
  }
  .md\:tw-w-\[40rem\]{
    width: 40rem;
  }
  .md\:tw-w-\[4rem\]{
    width: 4rem;
  }
  .md\:tw-w-\[5\.5rem\]{
    width: 5.5rem;
  }
  .md\:tw-w-\[52\.5rem\]{
    width: 52.5rem;
  }
  .md\:tw-w-\[52\.875rem\]{
    width: 52.875rem;
  }
  .md\:tw-w-\[56\.25rem\]{
    width: 56.25rem;
  }
  .md\:tw-w-\[60\%\]{
    width: 60%;
  }
  .md\:tw-w-\[60rem\]{
    width: 60rem;
  }
  .md\:tw-w-\[7\.75rem\]{
    width: 7.75rem;
  }
  .md\:tw-w-\[70\%\]{
    width: 70%;
  }
  .md\:tw-w-\[9\.375rem\]{
    width: 9.375rem;
  }
  .md\:tw-w-auto{
    width: auto;
  }
  .md\:tw-w-full{
    width: 100%;
  }
  .md\:tw-min-w-\[10rem\]{
    min-width: 10rem;
  }
  .md\:tw-min-w-\[11\.5rem\]{
    min-width: 11.5rem;
  }
  .md\:tw-min-w-\[3rem\]{
    min-width: 3rem;
  }
  .md\:tw-max-w-\[12\.75rem\]{
    max-width: 12.75rem;
  }
  .md\:tw-max-w-\[20\.5rem\]{
    max-width: 20.5rem;
  }
  .md\:tw-max-w-\[34\.5rem\]{
    max-width: 34.5rem;
  }
  .md\:tw-max-w-\[40rem\]{
    max-width: 40rem;
  }
  .md\:tw-max-w-\[56\.25rem\]{
    max-width: 56.25rem;
  }
  .md\:tw-max-w-\[5rem\]{
    max-width: 5rem;
  }
  .md\:tw-max-w-\[72\.5\%\]{
    max-width: 72.5%;
  }
  .md\:tw-max-w-full{
    max-width: 100%;
  }
  .md\:tw-max-w-none{
    max-width: none;
  }
  .md\:tw-flex-1{
    flex: 1 1 0%;
  }
  .md\:tw-grow-0{
    flex-grow: 0;
  }
  .md\:tw-basis-1\/2{
    flex-basis: 50%;
  }
  .md\:tw-basis-\[62\%\]{
    flex-basis: 62%;
  }
  .md\:tw-basis-\[80\%\]{
    flex-basis: 80%;
  }
  .md\:tw-basis-\[calc\(50\%-0\.5rem\)\]{
    flex-basis: calc(50% - 0.5rem);
  }
  .md\:tw-basis-\[calc\(50\%-1\.5rem\)\]{
    flex-basis: calc(50% - 1.5rem);
  }
  .md\:tw-grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:tw-grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:tw-grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:tw-flex-row{
    flex-direction: row;
  }
  .md\:tw-flex-col{
    flex-direction: column;
  }
  .md\:tw-flex-nowrap{
    flex-wrap: nowrap;
  }
  .md\:tw-items-start{
    align-items: flex-start;
  }
  .md\:tw-items-end{
    align-items: flex-end;
  }
  .md\:tw-items-center{
    align-items: center;
  }
  .md\:tw-justify-start{
    justify-content: flex-start;
  }
  .md\:tw-justify-end{
    justify-content: flex-end;
  }
  .md\:\!tw-justify-center{
    justify-content: center !important;
  }
  .md\:tw-justify-center{
    justify-content: center;
  }
  .md\:tw-justify-between{
    justify-content: space-between;
  }
  .md\:tw-gap-0{
    gap: 0px;
  }
  .md\:tw-gap-0\.5{
    gap: 0.125rem;
  }
  .md\:tw-gap-10{
    gap: 2.5rem;
  }
  .md\:tw-gap-12{
    gap: 3rem;
  }
  .md\:tw-gap-16{
    gap: 4rem;
  }
  .md\:tw-gap-3{
    gap: 0.75rem;
  }
  .md\:tw-gap-4{
    gap: 1rem;
  }
  .md\:tw-gap-5{
    gap: 1.25rem;
  }
  .md\:tw-gap-6{
    gap: 1.5rem;
  }
  .md\:tw-gap-\[1rem\]{
    gap: 1rem;
  }
  .md\:tw-gap-y-10{
    row-gap: 2.5rem;
  }
  .md\:tw-space-x-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .md\:tw-space-y-6 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }
  .md\:tw-self-stretch{
    align-self: stretch;
  }
  .md\:tw-overflow-auto{
    overflow: auto;
  }
  .md\:tw-overflow-y-auto{
    overflow-y: auto;
  }
  .md\:tw-rounded{
    border-radius: 0.25rem;
  }
  .md\:tw-rounded-\[0\.5rem\]{
    border-radius: 0.5rem;
  }
  .md\:tw-rounded-md{
    border-radius: 0.375rem;
  }
  .md\:tw-rounded-xl{
    border-radius: 0.75rem;
  }
  .md\:tw-border{
    border-width: 1px;
  }
  .md\:tw-border-2{
    border-width: 2px;
  }
  .md\:tw-border-solid{
    border-style: solid;
  }
  .md\:tw-border-gray-300{
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
  .md\:tw-bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
  .md\:tw-object-cover{
    object-fit: cover;
  }
  .md\:tw-p-12{
    padding: 3rem;
  }
  .md\:tw-p-5{
    padding: 1.25rem;
  }
  .md\:tw-p-6{
    padding: 1.5rem;
  }
  .md\:tw-p-8{
    padding: 2rem;
  }
  .md\:tw-p-\[2\.5rem\]{
    padding: 2.5rem;
  }
  .md\:\!tw-px-\[3\.75rem\]{
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
  }
  .md\:tw-px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  .md\:tw-px-14{
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .md\:tw-px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .md\:tw-px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .md\:tw-px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .md\:tw-px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md\:tw-px-\[13\.75rem\]{
    padding-left: 13.75rem;
    padding-right: 13.75rem;
  }
  .md\:tw-px-\[2rem\]{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:tw-px-\[3\.75rem\]{
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }
  .md\:tw-px-\[5rem\]{
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .md\:tw-px-\[6\.25rem\]{
    padding-left: 6.25rem;
    padding-right: 6.25rem;
  }
  .md\:tw-px-\[60px\]{
    padding-left: 60px;
    padding-right: 60px;
  }
  .md\:tw-py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .md\:tw-py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .md\:tw-py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .md\:tw-py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .md\:tw-py-\[0\.5rem\]{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .md\:tw-py-\[1\.25rem\]{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .md\:tw-py-\[1\.875rem\]{
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }
  .md\:tw-py-\[2rem\]{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .md\:tw-py-\[32px\]{
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .md\:\!tw-pb-\[2rem\]{
    padding-bottom: 2rem !important;
  }
  .md\:\!tw-pt-\[2\.5rem\]{
    padding-top: 2.5rem !important;
  }
  .md\:tw-pb-0{
    padding-bottom: 0px;
  }
  .md\:tw-pb-12{
    padding-bottom: 3rem;
  }
  .md\:tw-pb-16{
    padding-bottom: 4rem;
  }
  .md\:tw-pb-20{
    padding-bottom: 5rem;
  }
  .md\:tw-pb-6{
    padding-bottom: 1.5rem;
  }
  .md\:tw-pb-8{
    padding-bottom: 2rem;
  }
  .md\:tw-pb-\[3\.5rem\]{
    padding-bottom: 3.5rem;
  }
  .md\:tw-pe-10{
    -webkit-padding-end: 2.5rem;
            padding-inline-end: 2.5rem;
  }
  .md\:tw-pl-0{
    padding-left: 0px;
  }
  .md\:tw-pl-10{
    padding-left: 2.5rem;
  }
  .md\:tw-pl-14{
    padding-left: 3.5rem;
  }
  .md\:tw-pl-32{
    padding-left: 8rem;
  }
  .md\:tw-pl-4{
    padding-left: 1rem;
  }
  .md\:tw-pl-6{
    padding-left: 1.5rem;
  }
  .md\:tw-pl-\[3\.5rem\]{
    padding-left: 3.5rem;
  }
  .md\:tw-pl-\[6\.25rem\]{
    padding-left: 6.25rem;
  }
  .md\:tw-pr-0{
    padding-right: 0px;
  }
  .md\:tw-pr-10{
    padding-right: 2.5rem;
  }
  .md\:tw-pr-14{
    padding-right: 3.5rem;
  }
  .md\:tw-pr-32{
    padding-right: 8rem;
  }
  .md\:tw-pr-4{
    padding-right: 1rem;
  }
  .md\:tw-pr-6{
    padding-right: 1.5rem;
  }
  .md\:tw-pr-\[1\.625rem\]{
    padding-right: 1.625rem;
  }
  .md\:tw-pr-\[6\.25rem\]{
    padding-right: 6.25rem;
  }
  .md\:tw-pt-12{
    padding-top: 3rem;
  }
  .md\:tw-pt-16{
    padding-top: 4rem;
  }
  .md\:tw-pt-6{
    padding-top: 1.5rem;
  }
  .md\:tw-pt-\[0\.938rem\]{
    padding-top: 0.938rem;
  }
  .md\:tw-pt-\[2\.5rem\]{
    padding-top: 2.5rem;
  }
  .md\:tw-text-left{
    text-align: left;
  }
  .md\:tw-text-center{
    text-align: center;
  }
  .md\:tw-text-right{
    text-align: right;
  }
  .md\:tw-text-start{
    text-align: start;
  }
  .md\:\!tw-text-lg{
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
  .md\:\!tw-text-sm{
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
  }
  .md\:\!tw-text-xl{
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
  }
  .md\:tw-text-\[1\.125rem\]{
    font-size: 1.125rem;
  }
  .md\:tw-text-\[1\.5rem\]{
    font-size: 1.5rem;
  }
  .md\:tw-text-\[1\.75rem\]{
    font-size: 1.75rem;
  }
  .md\:tw-text-\[2rem\]{
    font-size: 2rem;
  }
  .md\:tw-text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .md\:tw-text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .md\:tw-text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .md\:tw-leading-\[1\.625rem\]{
    line-height: 1.625rem;
  }
  .md\:tw-leading-\[2\.5rem\]{
    line-height: 2.5rem;
  }
  .md\:tw-leading-\[2rem\]{
    line-height: 2rem;
  }
  .md\:tw-text-gray-400{
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  }
  .md\:tw-shadow-md{
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .md\:tw-shadow-none{
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

@media (min-width: 1024px){
  .lg\:tw-right-\[8\%\]{
    right: 8%;
  }
  .lg\:tw-mx-auto{
    margin-left: auto;
    margin-right: auto;
  }
  .lg\:tw-my-\[3rem\]{
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .lg\:\!tw-mt-\[2rem\]{
    margin-top: 2rem !important;
  }
  .lg\:\!tw-mt-\[3rem\]{
    margin-top: 3rem !important;
  }
  .lg\:tw-mb-6{
    margin-bottom: 1.5rem;
  }
  .lg\:tw-ml-24{
    margin-left: 6rem;
  }
  .lg\:tw-mt-12{
    margin-top: 3rem;
  }
  .lg\:tw-mt-\[2rem\]{
    margin-top: 2rem;
  }
  .lg\:tw-block{
    display: block;
  }
  .lg\:tw-inline{
    display: inline;
  }
  .lg\:tw-flex{
    display: flex;
  }
  .lg\:tw-hidden{
    display: none;
  }
  .lg\:\!tw-h-\[9\.25rem\]{
    height: 9.25rem !important;
  }
  .lg\:\!tw-w-\[9\.25rem\]{
    width: 9.25rem !important;
  }
  .lg\:tw-w-1\/2{
    width: 50%;
  }
  .lg\:tw-w-11\/12{
    width: 91.666667%;
  }
  .lg\:tw-w-2\/3{
    width: 66.666667%;
  }
  .lg\:tw-w-2\/6{
    width: 33.333333%;
  }
  .lg\:tw-w-4\/12{
    width: 33.333333%;
  }
  .lg\:tw-w-8\/12{
    width: 66.666667%;
  }
  .lg\:tw-w-\[11\.875rem\]{
    width: 11.875rem;
  }
  .lg\:tw-w-\[22\.5rem\]{
    width: 22.5rem;
  }
  .lg\:tw-w-\[29\%\]{
    width: 29%;
  }
  .lg\:tw-w-\[29\.25rem\]{
    width: 29.25rem;
  }
  .lg\:tw-w-\[33\.25rem\]{
    width: 33.25rem;
  }
  .lg\:tw-w-\[47\.5rem\]{
    width: 47.5rem;
  }
  .lg\:tw-w-\[50\%\]{
    width: 50%;
  }
  .lg\:tw-w-\[6\.875rem\]{
    width: 6.875rem;
  }
  .lg\:tw-w-auto{
    width: auto;
  }
  .lg\:\!tw-min-w-52{
    min-width: 13rem !important;
  }
  .lg\:\!tw-max-w-\[52\.5rem\]{
    max-width: 52.5rem !important;
  }
  .lg\:\!tw-max-w-\[6\.875rem\]{
    max-width: 6.875rem !important;
  }
  .lg\:tw-max-w-\[10\.625rem\]{
    max-width: 10.625rem;
  }
  .lg\:tw-max-w-\[14\.375rem\]{
    max-width: 14.375rem;
  }
  .lg\:tw-max-w-\[29\.25rem\]{
    max-width: 29.25rem;
  }
  .lg\:tw-max-w-\[45rem\]{
    max-width: 45rem;
  }
  .lg\:tw-max-w-\[52\.5rem\]{
    max-width: 52.5rem;
  }
  .lg\:tw-max-w-lg{
    max-width: 32rem;
  }
  .lg\:tw-basis-\[calc\(50\%-0\.5rem\)\]{
    flex-basis: calc(50% - 0.5rem);
  }
  .lg\:tw-basis-\[calc\(50\%-1\.5rem\)\]{
    flex-basis: calc(50% - 1.5rem);
  }
  .lg\:tw-grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .lg\:tw-grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:tw-grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:tw-flex-row{
    flex-direction: row;
  }
  .lg\:tw-flex-col{
    flex-direction: column;
  }
  .lg\:tw-items-start{
    align-items: flex-start;
  }
  .lg\:tw-items-end{
    align-items: flex-end;
  }
  .lg\:tw-items-center{
    align-items: center;
  }
  .lg\:tw-justify-end{
    justify-content: flex-end;
  }
  .lg\:tw-justify-between{
    justify-content: space-between;
  }
  .lg\:tw-gap-0\.5{
    gap: 0.125rem;
  }
  .lg\:tw-gap-6{
    gap: 1.5rem;
  }
  .lg\:tw-gap-\[6\.5rem\]{
    gap: 6.5rem;
  }
  .lg\:tw-p-6{
    padding: 1.5rem;
  }
  .lg\:\!tw-px-\[5rem\]{
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .lg\:tw-px-14{
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .lg\:tw-px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .lg\:tw-px-\[5rem\]{
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .lg\:tw-px-\[7\.5rem\]{
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
  .lg\:tw-px-\[80px\]{
    padding-left: 80px;
    padding-right: 80px;
  }
  .lg\:tw-py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .lg\:tw-py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .lg\:tw-py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .lg\:tw-py-\[3rem\]{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .lg\:tw-py-\[48px\]{
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .lg\:\!tw-pb-\[3rem\]{
    padding-bottom: 3rem !important;
  }
  .lg\:\!tw-pt-\[4rem\]{
    padding-top: 4rem !important;
  }
  .lg\:\!tw-text-2xl{
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }
  .lg\:tw-text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .lg\:tw-text-\[2\.5rem\]{
    font-size: 2.5rem;
  }
}

@media (min-width: 1536px){
  .\32xl\:tw-grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.ltr\:tw-left-auto:where([dir="ltr"], [dir="ltr"] *){
  left: auto;
}

.ltr\:tw-right-\[24px\]:where([dir="ltr"], [dir="ltr"] *){
  right: 24px;
}

.rtl\:tw-left-\[24px\]:where([dir="rtl"], [dir="rtl"] *){
  left: 24px;
}

.rtl\:tw-right-\[2rem\]:where([dir="rtl"], [dir="rtl"] *){
  right: 2rem;
}

.rtl\:tw-right-auto:where([dir="rtl"], [dir="rtl"] *){
  right: auto;
}

.rtl\:tw-ml-4:where([dir="rtl"], [dir="rtl"] *){
  margin-left: 1rem;
}

.rtl\:tw-mr-0:where([dir="rtl"], [dir="rtl"] *){
  margin-right: 0px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/app/engagement/engage-module/css/styles.scss?ngGlobalStyle (1) ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
:root {
  --primary-color:#bbbdba;
  --primary2-color: #bbbdba;
  --primary-color-lighter:#d4d6d3;
  --blue-color:#1da9e7;
  --orange-color: #f8971d;
  --danger-color:#e21b24;
  --danger2-color:#ff005d;
  --black-color:#101828;
  --black-grey-color:#2B3443;
  --black-dark-grey-color:#344054;
  --black-greyish-color:#475467;
  --light-black-color:#667085;
  --grey-color:#94959c;
  --light-grey-color:rgba(198, 201, 210, 0.5);
  --lighter-grey: #E3E3E3;
  --light-grey: #f2f2f2;
  --light-blue-grey: #cdd0d8;
  --grey-border-color: #D0D5DD;
  --container-width: 72.5%;
  --container-width-large: 90rem;
  --grish-color:#97a3a9;
  --white-color:#ffffff;
  --system-font: "Lato", sans-serif;
}

.gantt {
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  display: flex;
  color: #333;
  opacity: 0;
}

.gantt svg {
  overflow: visible !important;
}

.gantt .gantt-side {
  border-right: 1px solid #eee;
  position: relative;
  z-index: 3;
  box-shadow: 12px 0 16px -10px rgba(0, 0, 0, 0.15);
}

.gantt .gantt-side .gantt-side-header {
  box-sizing: border-box;
}

.gantt .gantt-side .gantt-side-container {
  height: 100%;
  background-color: #fff;
  overflow-y: auto;
}

.gantt .gantt-side .gantt-side-container .gantt-table {
  height: 100%;
}

.gantt .gantt-side .gantt-side-container::-webkit-scrollbar {
  display: none;
}

.gantt .gantt-container {
  flex: 1;
  position: relative;
  display: flex;
  overflow: hidden;
  background-color: #fafafa;
}

.gantt .gantt-scrollbar {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
  display: flex;
}

.gantt .gantt-scrollbar.gantt-scrollbar-bg {
  background-color: #fafafa;
}

.gantt .gantt-scrollbar.gantt-scrollbar-bg .gantt-table-scrollbar.with-scrollbar {
  border-right: 1px solid #eee;
  z-index: 3;
  box-shadow: 10px 0px 10px -3px rgba(0, 0, 0, 0.15);
}

.gantt .gantt-scrollbar .gantt-table-scrollbar.with-scrollbar {
  overflow-x: scroll;
}

.gantt .gantt-scrollbar .gantt-main-scrollbar {
  flex: 1;
  overflow-x: auto;
  overflow-y: hidden;
}

.gantt .gantt-main-container {
  width: 100%;
  flex: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  background-color: #fafafa;
}

.gantt .gantt-main-container .gantt-main-groups,
.gantt .gantt-main-container .gantt-main-items {
  overflow: hidden;
  min-height: 100%;
}

.gantt .gantt-main-container .gantt-group {
  background: rgba(243, 243, 243, 0.5);
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
}

.gantt .gantt-main-container .gantt-item {
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  position: relative;
}

.gantt .gantt-main-container .gantt-item.gantt-main-item-active {
  background-color: rgba(102, 152, 255, 0.1);
}

.gantt .gantt-main-container .gantt-quick-time-focus-container {
  position: absolute;
  left: 0;
  top: 0;
}

.gantt .gantt-main-container .gantt-quick-time-focus-container .gantt-quick-time-focus {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  width: 0px;
  z-index: 3;
  pointer-events: none;
}

.gantt .gantt-main-container .gantt-quick-time-focus-container .gantt-quick-time-focus-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gantt .gantt-main-container .gantt-quick-time-focus-container .gantt-quick-time-focus-item span {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2px;
  pointer-events: all;
}

.gantt .gantt-main-container .gantt-quick-time-focus-container .gantt-quick-time-focus-item span:hover .gantt-quick-time-focus-item-arrow {
  border: 1px solid #6698ff;
}

.gantt .gantt-main-container .gantt-quick-time-focus-container .gantt-quick-time-focus-item-arrow {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 4px;
  box-shadow: 0 4px 7px 1px rgba(0, 0, 0, 0.05);
}

.gantt .gantt-main-container .gantt-quick-time-focus-container .gantt-quick-time-focus-item-arrow .gantt-icon {
  display: inline-block;
}

.gantt .gantt-main-container .gantt-quick-time-focus-container .gantt-quick-time-focus-item-arrow .gantt-icon svg {
  width: 14px;
  height: 14px;
}

.gantt .gantt-normal-viewport {
  display: flex;
}

.gantt .gantt-virtual-scroll-viewport {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  overflow: auto;
}

.gantt .gantt-virtual-scroll-viewport.with-footer .gantt-table-body {
  padding-bottom: 44px;
}

.gantt .gantt-virtual-scroll-viewport.with-footer .gantt-main-groups,
.gantt .gantt-virtual-scroll-viewport.with-footer .gantt-main-items {
  padding-bottom: 44px;
}

.gantt .gantt-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper {
  width: 100%;
  min-width: unset;
  display: flex;
  min-height: 100%;
}

.gantt .gantt-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper .gantt-container .gantt-main-container {
  height: 100%;
  top: 0;
  overflow-y: hidden;
}

.gantt .gantt-virtual-scroll-viewport.gantt-scroll-container .gantt-container .gantt-main-container::-webkit-scrollbar {
  position: static;
}

.gantt .gantt-virtual-scroll-viewport.gantt-normal-viewport .cdk-virtual-scroll-content-wrapper {
  height: 100%;
}

.gantt .gantt-virtual-scroll-viewport.gantt-normal-viewport .cdk-virtual-scroll-spacer {
  display: none;
}

.gantt .gantt-virtual-scroll-viewport.gantt-normal-viewport .gantt-container .gantt-main-container {
  overflow-y: auto;
}

.gantt-header {
  display: flex;
  overflow: hidden;
  height: 100%;
}

.gantt-header .gantt-container-header {
  flex: 1;
  overflow: hidden;
  background-color: #fafafa;
}

.gantt-footer {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background-color: white;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.gantt-footer .gantt-table-footer {
  height: 44px;
  border-right: 1px solid #eee;
  box-shadow: 16px 0 14px -10px rgba(0, 0, 0, 0.15);
}

.gantt-footer .gantt-container-footer {
  height: 44px;
  overflow-x: auto;
  overflow-y: hidden;
  flex: 1;
}

.gantt-footer .gantt-container-footer::-webkit-scrollbar {
  display: none;
}

.gantt-table-header {
  text-align: center;
  background: #fff;
  box-shadow: 12px 0 16px -10px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 3;
  border-right: 1px solid #eee;
  display: flex;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}

.gantt-table-header .gantt-table-header-container {
  display: flex;
}

.gantt-table-header .gantt-table-column {
  overflow: hidden;
  border-right: 1px solid #eee;
  box-sizing: border-box;
  position: relative;
}

.gantt-table-header .gantt-table-column:last-child {
  border-right: none;
}

.gantt-table-header-first-level-group {
  background: rgba(243, 243, 243, 0.5);
}

.gantt-table-header-with-group .gantt-table-column:first-child {
  padding: 0 15px 0 32px;
}

.gantt-table-header .gantt-table-column {
  display: flex;
  padding: 0 15px;
}

.gantt-table-header .gantt-table-column-content {
  flex: 1;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gantt-table-header:hover {
  background-color: #fafafa;
}

.gantt-table-header-active {
  background-color: rgba(102, 152, 255, 0.1);
}

.gantt-table-header-active:hover {
  background-color: rgba(102, 152, 255, 0.1);
}

.gantt-table-header .gantt-table-column {
  display: flex;
  padding: 0 15px;
}

.gantt-table-header .gantt-table-column:last-child {
  border-right: none;
}

.gantt-table-header .gantt-table-column-content {
  flex: 1;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gantt-table-header .gantt-expand-icon {
  display: inline-block;
  width: 20px;
  color: #aaa;
}

.gantt-table-header .gantt-drag-handle {
  width: 1rem;
  padding: 0 5px 0 0;
  display: flex;
  align-items: center;
  margin-left: -10px;
}

.gantt-table-header:hover {
  background-color: #fafafa;
}

.gantt-table-header-active {
  background-color: rgba(102, 152, 255, 0.1);
}

.gantt-table-header-active:hover {
  background-color: rgba(102, 152, 255, 0.1);
}

.gantt-table-header .gantt-table-column {
  font-weight: 400;
  z-index: 1;
}

.gantt-table-body {
  display: block;
}

.gantt-table-body .gantt-table-group {
  display: flex;
  background: rgba(243, 243, 243, 0.5);
  padding: 0 10px;
  align-items: center;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  position: relative;
}

.gantt-table-body .gantt-table-group .gantt-table-group-title {
  cursor: pointer;
}

.gantt-table-body .gantt-table-group .gantt-table-group-title .expand-icon {
  color: #aaa;
  margin-right: 6px;
}

.gantt-table-body .gantt-table-item {
  display: flex;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}

.gantt-table-body .gantt-table-item .gantt-table-column {
  overflow: hidden;
  border-right: 1px solid #eee;
  box-sizing: border-box;
  position: relative;
}

.gantt-table-body .gantt-table-item .gantt-table-column:last-child {
  border-right: none;
}

.gantt-table-body .gantt-table-item-first-level-group {
  background: rgba(243, 243, 243, 0.5);
}

.gantt-table-body .gantt-table-item-with-group .gantt-table-column:first-child {
  padding: 0 15px 0 32px;
}

.gantt-table-body .gantt-table-item .gantt-table-column {
  display: flex;
  padding: 0 15px;
}

.gantt-table-body .gantt-table-item .gantt-table-column-content {
  flex: 1;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gantt-table-body .gantt-table-item:hover {
  background-color: #fafafa;
}

.gantt-table-body .gantt-table-item-active {
  background-color: rgba(102, 152, 255, 0.1);
}

.gantt-table-body .gantt-table-item-active:hover {
  background-color: rgba(102, 152, 255, 0.1);
}

.gantt-table-body .gantt-table-item .gantt-table-column {
  display: flex;
  padding: 0 15px;
}

.gantt-table-body .gantt-table-item .gantt-table-column:last-child {
  border-right: none;
}

.gantt-table-body .gantt-table-item .gantt-table-column-content {
  flex: 1;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gantt-table-body .gantt-table-item .gantt-expand-icon {
  display: inline-block;
  width: 20px;
  color: #aaa;
}

.gantt-table-body .gantt-table-item .gantt-drag-handle {
  width: 1rem;
  padding: 0 5px 0 0;
  display: flex;
  align-items: center;
  margin-left: -10px;
}

.gantt-table-body .gantt-table-item:hover {
  background-color: #fafafa;
}

.gantt-table-body .gantt-table-item-active {
  background-color: rgba(102, 152, 255, 0.1);
}

.gantt-table-body .gantt-table-item-active:hover {
  background-color: rgba(102, 152, 255, 0.1);
}

.gantt-table-body .gantt-expand-icon {
  display: inline-block;
  width: 20px;
  color: #aaa;
}

.gantt-table-empty {
  height: 100%;
  position: relative;
}

.gantt-table-empty .gantt-table-body-container {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 22px;
}

.gantt-table-empty .gantt-table-body-container .empty-icon svg {
  height: 78px;
  width: 78px;
}

.gantt-table-empty .gantt-table-body-container .empty-text {
  color: #cacaca;
}

.table-resize-handle,
.column-resize-handle {
  width: 3px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: ew-resize;
  height: 5000px;
}

.table-resize-handle:hover,
.column-resize-handle:hover {
  background: #6698ff;
}

.column-resize-handle {
  height: unset;
  z-index: 1;
}

.table-resize-auxiliary-line {
  width: 3px;
  background: #6698ff;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 100;
  display: none;
  height: 5000px;
}

.cdk-drag-preview.gantt-table-item {
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.08);
  opacity: 0.9;
  display: flex;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}

.cdk-drag-preview.gantt-table-item .gantt-table-column {
  overflow: hidden;
  border-right: 1px solid #eee;
  box-sizing: border-box;
  position: relative;
}

.cdk-drag-preview.gantt-table-item .gantt-table-column:last-child {
  border-right: none;
}

.cdk-drag-preview.gantt-table-item-first-level-group {
  background: rgba(243, 243, 243, 0.5);
}

.cdk-drag-preview.gantt-table-item-with-group .gantt-table-column:first-child {
  padding: 0 15px 0 32px;
}

.cdk-drag-preview.gantt-table-item .gantt-table-column {
  display: flex;
  padding: 0 15px;
}

.cdk-drag-preview.gantt-table-item .gantt-table-column-content {
  flex: 1;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cdk-drag-preview.gantt-table-item:hover {
  background-color: #fafafa;
}

.cdk-drag-preview.gantt-table-item-active {
  background-color: rgba(102, 152, 255, 0.1);
}

.cdk-drag-preview.gantt-table-item-active:hover {
  background-color: rgba(102, 152, 255, 0.1);
}

.cdk-drag-preview.gantt-table-item .gantt-table-column {
  display: flex;
  padding: 0 15px;
}

.cdk-drag-preview.gantt-table-item .gantt-table-column:last-child {
  border-right: none;
}

.cdk-drag-preview.gantt-table-item .gantt-table-column-content {
  flex: 1;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cdk-drag-preview.gantt-table-item .gantt-expand-icon {
  display: inline-block;
  width: 20px;
  color: #aaa;
}

.cdk-drag-preview.gantt-table-item .gantt-drag-handle {
  width: 1rem;
  padding: 0 5px 0 0;
  display: flex;
  align-items: center;
  margin-left: -10px;
}

.cdk-drag-preview.gantt-table-item:hover {
  background-color: #fafafa;
}

.cdk-drag-preview.gantt-table-item-active {
  background-color: rgba(102, 152, 255, 0.1);
}

.cdk-drag-preview.gantt-table-item-active:hover {
  background-color: rgba(102, 152, 255, 0.1);
}

.gantt-table-body.gantt-table-draggable .cdk-drag-placeholder {
  display: none !important;
}

.gantt-table-body.gantt-table-draggable .cdk-drag-placeholder + .cdk-drop-list {
  display: none !important;
}

.gantt-table-body.gantt-table-draggable .cdk-drag-disabled.gantt-table-item .gantt-drag-handle svg {
  display: none;
}

.gantt-table-body.gantt-table-draggable.gantt-table-dragging .gantt-table-item:hover {
  background: unset;
}

.gantt-table-body.gantt-table-draggable.gantt-table-dragging .gantt-table-item:hover .gantt-drag-handle {
  visibility: hidden !important;
}

.gantt-table-body.gantt-table-draggable .drag-item-hide {
  display: none !important;
}

.gantt-table-body.gantt-table-draggable .drop-position-inside .gantt-table-column {
  height: 100%;
  border-top: 2px dashed #6698ff !important;
  border-bottom: 2px dashed #6698ff !important;
}

.gantt-table-body.gantt-table-draggable .drop-position-inside .gantt-table-column:first-child {
  border-left: 2px dashed #6698ff !important;
}

.gantt-table-body.gantt-table-draggable .drop-position-inside .gantt-table-column:last-child {
  border-right: 2px dashed #6698ff !important;
}

.gantt-table-body.gantt-table-draggable .drop-position-before {
  background: #f5f5f5 !important;
  border-top: 2px solid #6698ff !important;
}

.gantt-table-body.gantt-table-draggable .drop-position-after {
  background: #f5f5f5 !important;
  border-bottom: 2px solid #6698ff !important;
}

.gantt-calendar {
  display: block;
  height: 100%;
  overflow: hidden;
}

.gantt-calendar svg {
  position: relative;
  z-index: 2;
  background-color: #fff;
  overflow: visible;
}

.gantt-calendar line {
  shape-rendering: crispEdges;
}

.gantt-calendar .primary-line {
  stroke: #ddd;
}

.gantt-calendar .gantt-calendar-today-overlay {
  position: relative;
  z-index: 1;
}

.gantt-calendar .gantt-calendar-today-overlay .today-rect {
  width: 35px;
  height: 24px;
  position: absolute;
  background: #ff9f73;
  color: #fff;
  text-align: center;
  border-radius: 4px;
}

.gantt-calendar .gantt-calendar-today-overlay .today-line {
  position: absolute;
  width: 3px;
  background: #ff9f73;
  transform: scaleX(0.5);
  transform-origin: 100% 0;
  margin-left: -2px;
}

.gantt-calendar-header {
  position: relative;
  z-index: 2;
}

.gantt-calendar-header .gantt-calendar-today-overlay {
  z-index: 2;
}

.gantt-calendar-header .header-line {
  stroke: #eee;
}

.gantt-calendar-header .primary-text {
  fill: #888;
  font-size: 14px;
}

.gantt-calendar-header .secondary-text {
  fill: #333;
  font-size: 14px;
}

.gantt-calendar-header .secondary-text-weekend {
  fill: #aaa;
}

.gantt-calendar-header .primary-text,
.gantt-calendar-header .secondary-text {
  text-anchor: middle;
}

.gantt-calendar-grid {
  position: absolute;
  width: 100%;
}

.gantt-calendar-grid .gantt-calendar-grid-main {
  background-color: transparent;
}

.gantt-calendar-grid .secondary-line {
  stroke-dasharray: 2px 5px;
  stroke: #cacaca;
}

.gantt-calendar-grid .secondary-backdrop {
  fill: rgba(243, 243, 243, 0.5);
}

.gantt-drag-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: none;
  overflow: hidden;
}

.gantt-drag-mask {
  position: absolute;
  z-index: 1;
  height: 100%;
  display: none;
  background: rgba(102, 152, 255, 0.05);
}

.gantt-drag-mask .date-range {
  width: 100%;
  min-width: 120px;
  top: -23px;
  background: #6698ff;
  line-height: 23px;
  border-radius: 4px;
  color: #fff;
  position: absolute;
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  box-sizing: border-box;
}

.gantt-link-drag-container {
  width: 100%;
  height: 1px;
  overflow: visible !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

.gantt-link-drag-container .link-dragging-line {
  stroke: #6698ff;
  stroke-width: 2px;
}

.gantt-bar {
  position: absolute;
  border-radius: 4px;
  z-index: 2;
  background: #fff;
}

.gantt-bar .gantt-bar-layer {
  width: calc(100% + 32px);
  height: calc(100% + 42px);
  position: absolute;
  border-radius: 4px;
  left: -16px;
  top: -21px;
  display: none;
}

.gantt-bar .gantt-bar-layer .drag-handles {
  background: #fff;
  width: 100%;
  height: calc(100% - 16px * 2);
  position: absolute;
  border-radius: 4px;
  top: 16px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
}

.gantt-bar .gantt-bar-layer .drag-handles .handle {
  width: 15px;
  height: 100%;
  position: absolute;
  cursor: col-resize;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gantt-bar .gantt-bar-layer .drag-handles .handle:before, .gantt-bar .gantt-bar-layer .drag-handles .handle:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #cacaca;
}

.gantt-bar .gantt-bar-layer .drag-handles .handle::before {
  margin-right: 2px;
}

.gantt-bar .gantt-bar-layer .drag-handles .handle:first-child {
  left: 0;
}

.gantt-bar .gantt-bar-layer .drag-handles .handle:last-child {
  right: 0;
}

.gantt-bar .gantt-bar-layer .link-handles .handle {
  position: absolute;
  display: inline-block;
  cursor: pointer;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1001;
}

.gantt-bar .gantt-bar-layer .link-handles .handle:first-child {
  left: 0;
  top: 0;
}

.gantt-bar .gantt-bar-layer .link-handles .handle:last-child {
  right: 0;
  bottom: 0;
}

.gantt-bar .gantt-bar-layer .link-handles .handle .point {
  color: #6698ff;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #6698ff;
  transition: 0.3 ease;
}

.gantt-bar .gantt-bar-layer .link-handles .handle .point:hover {
  width: 12px;
  height: 12px;
}

.gantt-bar .gantt-bar-border {
  width: calc(100% + 5px * 2);
  height: calc(100% + 5px * 2);
  position: absolute;
  border-radius: 4px;
  left: -5px;
  top: -5px;
  display: none;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.gantt-bar .gantt-bar-content {
  width: 100%;
  height: 100%;
  position: absolute;
  cursor: pointer;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background: #6698ff;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.gantt-bar .gantt-bar-content .gantt-bar-content-progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.gantt-bar-active {
  z-index: 1000;
}

.gantt-bar-active .gantt-bar-layer {
  display: block;
  z-index: 1;
}

.gantt-bar-active .gantt-bar-content {
  z-index: 1;
  box-shadow: none;
}

.gantt-bar-active .cdk-drag {
  transition: none;
}

.gantt-bar-single-drop-active .gantt-bar-border {
  display: block;
}

.gantt-bar-single-drop-active .gantt-bar-content {
  box-shadow: none;
}

.gantt-bar-draggable-drag {
  z-index: 1001;
}

.gantt-bar-drop-active {
  z-index: 1000;
}

.gantt-bar-drop-active .gantt-bar-layer {
  display: block;
  z-index: 1;
}

.gantt-bar-drop-active .gantt-bar-content {
  z-index: 1;
  box-shadow: none;
}

.gantt-bar-drop-active .cdk-drag {
  transition: none;
}

.gantt-bar-drop-active .gantt-bar-layer .link-handles .handle {
  width: 26px;
  height: 100%;
}

.gantt-bar-drop-active .gantt-bar-layer .link-handles .handle:first-child {
  left: -21px;
}

.gantt-bar-drop-active .gantt-bar-layer .link-handles .handle:last-child {
  right: -21px;
}

.gantt-bar-drop-active .gantt-bar-layer .link-handles .handle:hover .point {
  width: 12px;
  height: 12px;
}

.gantt-range {
  position: absolute;
  z-index: 2;
}

.gantt-range .gantt-range-main {
  height: 10px;
  background: #dfdfdf;
  border: 1px solid #888;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
  position: relative;
}

.gantt-range .gantt-range-main .gantt-range-main-progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #888;
}

.gantt-range .gantt-range-triangle {
  width: 0;
  height: 0;
  border-top: 7px solid #888;
  position: absolute;
  top: 10px;
}

.gantt-range .gantt-range-triangle.left {
  border-right: 6px solid transparent;
  left: 0;
}

.gantt-range .gantt-range-triangle.right {
  border-left: 6px solid transparent;
  right: 0;
}

.gantt-icon {
  font-size: 1rem;
  line-height: 0;
}

.gantt-icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: -0.125em;
  background-repeat: no-repeat;
}

.gantt-links-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.gantt-links-overlay svg {
  overflow: visible;
  z-index: 2;
  position: absolute;
}

.link-dragging-container {
  width: 100%;
  height: 1px;
  overflow: visible !important;
  position: absolute;
  left: 0;
  z-index: 2000;
}

.link-dragging-container .link-dragging-line {
  stroke: #6698ff;
  stroke-width: 2px;
}

.gantt-baseline {
  position: absolute;
  z-index: 2;
}

.gantt-baseline .baseline-content {
  height: 8px;
  border-radius: 2px;
  background-color: #cacaca;
}

.gantt-toolbar {
  position: absolute;
  top: 60px;
  right: 20px;
  z-index: 1000;
}

.gantt-toolbar .toolbar-views {
  display: inline-flex;
}

.gantt-toolbar .toolbar-views .toolbar-view {
  padding: 0 15px;
  cursor: pointer;
  flex: 0 1 auto;
  border: 1px solid #ddd;
  margin-left: -1px;
  position: relative;
  background-color: #ffffff;
}

.gantt-toolbar .toolbar-views .toolbar-view.active {
  color: #6698ff;
  border-color: #6698ff;
  z-index: 1;
}

.gantt-toolbar .toolbar-views .toolbar-view:first-child {
  border-radius: 4px 0 0 4px;
}

.gantt-toolbar .toolbar-views .toolbar-view:last-child {
  border-radius: 0 4px 4px 0;
}

.gantt-loader-overlay {
  position: absolute;
  width: 100%;
  height: calc(100% - 40px);
  top: 40px;
  left: 0;
  background: rgba(255, 255, 255, 0.6);
  z-index: 1001;
}

.gantt-loader-wrapper {
  position: absolute;
  padding-top: 20px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.gantt-loader-loading {
  display: inline-block;
  position: relative;
  height: 8px;
  border-radius: 4px;
  transform: translateX(-18px);
}

.gantt-loader-loading:before, .gantt-loader-loading:after {
  content: "";
  display: block;
  position: absolute;
  height: 8px;
  width: 8px;
  border-radius: 4px;
}

.gantt-loader-loading:before {
  animation: gantt-loader-loading-ellipsis-b 1s ease-in-out infinite;
  background: #6698ff;
  opacity: 0.4;
}

.gantt-loader-loading:after {
  animation: gantt-loader-loading-ellipsis-a 1s ease-in-out infinite;
  background: #6698ff;
  opacity: 0.8;
}

.gantt-loader-loading-spot {
  position: absolute;
  left: 13px;
  height: 8px;
  width: 8px;
  background: #6698ff;
  border-radius: 4px;
}

@keyframes gantt-loader-loading-ellipsis-b {
  0% {
    left: 0;
    transform: scale(1.1);
  }
  50% {
    left: 25px;
    transform: scale(1);
  }
  100% {
    left: 0;
    transform: scale(1.1);
  }
}
@keyframes gantt-loader-loading-ellipsis-a {
  0% {
    left: 25px;
    transform: scale(1.1);
  }
  50% {
    left: 0;
    transform: scale(1);
  }
  100% {
    left: 25px;
    transform: scale(1.1);
  }
}
body {
  background-color: #f6f7f9;
  font-family: var(--system-font);
  margin: 0rem;
  font-size: var(--fs-0-875-rem);
}

a, a:hover, a:active {
  text-decoration: none;
}

.textContinue {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

* {
  box-sizing: border-box;
}

.plannexe-editor table {
  border-color: black;
  border-width: 0.063rem;
}
.plannexe-editor .ck-content figure.table {
  width: 100%;
}
.plannexe-editor .ck-content .table table td {
  text-align: center;
  padding: 0.625rem;
}
.plannexe-editor .ck-content .table {
  display: block;
}

body[style*="direction:rtl"] .fliped, body[style*="direction: rtl"] .fliped, body.rtl .fliped {
  -khtml-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: none;
}

.e-container .row {
  margin: 0;
}
.e-container .link {
  color: var(--primary-color);
  cursor: pointer;
  text-decoration: none;
}
.e-container .link:hover {
  text-decoration: none;
}
.e-container .defaultButton {
  color: #fff;
  cursor: pointer;
  text-align: center;
  outline: none;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  border: none;
  line-height: 3rem;
  padding: 0 2.625rem;
  font-size: var(--fs-0-875-rem);
  font-weight: 400;
  background: var(--primary-color);
  border-radius: 0.188rem;
}
.e-container .defaultButton.fab {
  position: fixed;
  font-size: var(--fs-1-75-rem);
}
.e-container .defaultButton.fab.left-bottom {
  left: 1.875rem;
  bottom: 1.875rem;
}
.e-container .defaultButton.long {
  padding: 0.625rem 2.5rem;
}
.e-container .defaultButton.fullBlock {
  padding: 0.75rem 2.5rem;
  width: 100%;
}
.e-container .defaultButton.delete {
  margin: 0 0.625rem;
  background: #EF5350;
}
.e-container .defaultButton.green {
  margin: 0 0.625rem;
  background: #93C74B;
}
.e-container .defaultButton.cancel {
  margin: 0 0.625rem;
  background: transparent;
  color: #323134;
}
.e-container .defaultButton.outlined {
  background: transparent;
  border-color: transparent;
  color: var(--grey-color);
}
.e-container .defaultButton:disabled {
  background: #b0bec5 !important;
  cursor: default;
}
.e-container .main-container {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  position: relative;
  padding: 0;
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
}
@media (max-width: 75rem) {
  .e-container .main-container {
    padding: 0 0.625rem;
  }
}
.e-container .main-container .tagging-blue span {
  color: #4188F1;
}
.e-container .plannexe-editor table {
  border-color: black;
  border-width: 0.063rem;
}
.e-container .plannexe-editor .ck-content .table table td {
  text-align: center;
  padding: 0.625rem;
}
.e-container .plannexe-editor .ck-content .table {
  float: left;
}
.e-container .breadcrumbs-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.e-container .breadcrumbs-row .back-link {
  display: flex;
  align-items: center;
  font-size: var(--fs-0-875-rem);
  color: var(--black-color);
}
.e-container .breadcrumbs-row .back-link .mat-icon {
  color: var(--light-blue-grey);
  -webkit-margin-end: 0.375rem;
          margin-inline-end: 0.375rem;
}
.e-container .breadcrumbs-row.page-title a.active {
  color: var(--grey-color);
}
.e-container .breadcrumbs {
  margin: 1.5rem 0;
  display: block;
}
@media (max-width: 30rem) {
  .e-container .breadcrumbs {
    margin: 0.75rem 0.375rem;
  }
}
.e-container .breadcrumbs a {
  color: var(--grey-color);
  font-size: var(--fs-0-875-rem);
  line-height: 1.5rem;
  font-weight: 400;
}
.e-container .breadcrumbs a:after {
  display: inline-block;
  content: "";
  inline-size: 1.25rem;
  height: 1.25rem;
  margin: 0 0.5rem -0.313rem;
  background-image: url("/assets/engaged-images/next-v2.svg");
}
.e-container .breadcrumbs a.active, .e-container .breadcrumbs a:last-child { /*color: var(--black-grey-color);*/
  opacity: 1;
  pointer-events: auto;
}
.e-container .breadcrumbs a.active:after, .e-container .breadcrumbs a:last-child:after {
  display: none;
}
.e-container .breadcrumbs span {
  color: #aaadb8;
  font-size: var(--fs-0-875-rem);
  font-weight: 700;
  line-height: 1.5rem;
}
.e-container .card {
  flex-direction: column;
  box-sizing: border-box;
  display: flex;
  padding: 1.5rem;
  margin-top: 1rem;
  border-radius: 0.25rem;
  box-shadow: 0 0.625rem 1.25rem 0 rgba(198, 201, 210, 0.25);
  background-color: #fff;
}
.e-container .note-detail figure {
  margin: 0;
}
.e-container .note-detail table {
  border-collapse: collapse;
  border-spacing: 0;
}
.e-container .note-detail table td {
  border: 0.063rem solid #c4c4c4;
  padding: 0.25rem 0.375rem;
}
.e-container .note-detail img {
  inline-size: 100%;
}
.e-container .scroll-shadow {
  background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 2.5rem, 100% 3rem, 100% 1.125rem, 100% 0rem;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
}
.e-container .planned-icon {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 0.25rem;
  border: 0.125rem solid;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-0-875-rem);
}
.e-container .actual-icon {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 0.25rem;
  border: 0.125rem solid;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-0-813-rem);
}
.e-container .gantt-table .gantt-table-body .gantt-table-item .gantt-table-column {
  padding: 0 0.5rem;
}
.e-container .gantt ::-webkit-scrollbar {
  width: 0.75rem;
  height: 0.75rem;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-tab-labels {
  border-bottom: 0.125rem solid #dadadb;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-tab-label {
  color: #303030;
  min-width: 6rem !important;
  font-size: var(--fs-0-875-rem);
  opacity: 1 !important;
  font-weight: bold !important;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-ink-bar {
  height: 0.25rem;
  background: linear-gradient(90deg, var(--primary-color-lighter) 0%, var(--primary-color) 100%);
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-select {
  background-color: #ffffff;
  padding: 0.625rem 0.938rem 0.5rem;
  box-sizing: border-box;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-select.mat-select-disabled .mat-select-value-text {
  color: var(--grey-color) !important;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-select-arrow {
  color: #a9adb8;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-select-value {
  color: #a9adb8;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-select-placeholder {
  color: #a9adb8;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-form-field-underline {
  display: none;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-form-field-appearance-legacy .mat-form-field-wrapper {
  border: 0.063rem solid #dadadb;
  border-radius: 0.25rem;
  padding: 0.625rem 0.938rem;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-form-field-appearance-legacy .mat-form-field-infix {
  border-top: none;
  padding: 0;
  width: auto;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-form-field-label-wrapper {
  margin-left: -0.313rem;
  top: 0;
  padding-top: 1.063rem;
  margin-top: -0.875rem;
  font-size: var(--fs-0-875-rem);
  font-weight: 400;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  background: #fff;
  width: auto;
  padding: 0 0.625rem;
  margin-left: -0.125rem;
  font-size: var(--fs-1-rem);
  color: #94959c;
  font-weight: normal;
  margin-top: -0.063rem;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-form-field-appearance-legacy .mat-form-field-label {
  padding: 0 0.313rem;
  color: var(--grish-color);
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-focused .mat-form-field-wrapper {
  border-color: var(--primary-color);
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float.mat-focused .mat-form-field-label {
  color: var(--primary-color) !important;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-checkbox-layout {
  margin: 0.375rem 0;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .small-checkbox .mat-checkbox-layout {
  margin: 0.375rem 0;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-checkbox-layout .mat-checkbox-label {
  font-size: var(--fs-1-rem);
  font-weight: normal;
  color: var(--black-color);
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-checkbox-layout .mat-checkbox-inner-container {
  height: 1.25rem;
  width: 1.25rem;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-checkbox-layout .mat-checkbox-background, .e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-checkbox-frame {
  border-radius: 0.25rem !important;
  border-width: 0.063rem !important;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) mat-checkbox.round .mat-checkbox-layout .mat-checkbox-background, .e-container .plannexe-form:not(.esp-container):not(.activites-container) mat-checkbox.round .mat-checkbox-layout .mat-checkbox-frame {
  border-radius: 6.25rem !important;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-tab-nav-bar {
  border-width: 0rem;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-tab-links {
  border-bottom: 0.125rem solid #dadadb;
  margin-bottom: 0.063rem;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-ink-bar {
  border-radius: 0.188rem;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-tab-link {
  color: #303030;
  font-size: var(--fs-0-875-rem);
  opacity: 1 !important;
  font-weight: bold;
  min-width: auto !important;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] svg {
  width: 4rem !important;
  height: 4rem !important;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-progress-spinner.mat-progress-spinner-indeterminate-animation[mode=indeterminate] circle {
  stroke-width: 5% !important;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-chip.mat-standard-chip {
  border-radius: 0.25rem;
  color: #94959c;
  background-color: #f2f2f2;
  padding: 0 0.5rem;
  min-height: 1.625rem;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-chip.mat-standard-chip:hover::after {
  opacity: 0;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .exstyle .mat-select {
  padding: 0.438rem 0.938rem 0.313rem 0;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .exstyle mat-select .mat-select-value {
  color: #303030;
  font-size: var(--fs-1-rem);
  font-weight: bold;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .ngx-slider {
  margin-top: 2.25rem !important;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .ngx-slider .ngx-slider-bar {
  background-color: #F2F2F2 !important;
  height: 0.125rem !important;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .ngx-slider .ngx-slider-pointer {
  background-color: #fff !important;
  width: 1.125rem !important;
  height: 1.125rem !important;
  top: -0.5rem !important;
  -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  border: 0.125rem solid var(--primary-color);
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .ngx-slider .ngx-slider-pointer:after {
  display: none;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .ngx-slider .ngx-slider-selection {
  background-color: var(--primary-color) !important;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .cdk-overlay-container {
  z-index: 100000;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-form-field.ofilter {
  width: 100%;
  margin: 0;
  background-color: #ffffff;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-form-field.ofilter input.mat-input-element {
  font-size: var(--fs-1-rem);
  font-weight: 700;
  color: var(--black-color);
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-form-field.ofilter .mat-form-field-label-wrapper {
  padding-top: 1.375rem;
  margin-top: -1.313rem;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-form-field.ofilter.mat-form-field-should-float .mat-form-field-label {
  color: var(--grey-color);
  margin-top: 0.125rem;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-input-element:disabled, .e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-input-element[readonly=true] {
  color: rgba(0, 0, 0, 0.38) !important;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-form-field-appearance-legacy .mat-form-field-wrapper {
  border: none;
  padding: 0;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-form-field-appearance-legacy .mat-form-field-wrapper .mat-form-field-flex {
  border: 0.063rem solid #dadadb;
  padding: 0.625rem 0.938rem;
  border-radius: 0.25rem;
  align-items: center;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .dd-owner .mat-form-field-appearance-legacy .mat-form-field-wrapper .mat-form-field-flex {
  padding: 0.375rem 0.75rem;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-form-field-appearance-legacy.mat-form-field-invalid .mat-form-field-wrapper .mat-form-field-flex {
  border-color: rgb(226, 29, 38);
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-form-field-appearance-legacy.no-border .mat-form-field-wrapper .mat-form-field-flex {
  border: none;
  padding: 0rem;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-form-field.mat-form-field-invalid {
  padding-bottom: 0 !important;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  position: relative;
  top: 100%;
  margin: 0;
  padding-left: 0.938rem;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-error {
  color: rgb(226, 29, 38);
  font-size: var(--fs-0-875-rem);
  line-height: 1.5rem;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-error p {
  margin: 0;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-slide-toggle-bar {
  height: 1rem !important;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-slide-toggle-thumb-container {
  width: 0.75rem !important;
  height: 0.75rem !important;
  top: 0.125rem !important;
  left: 0.188rem !important;
  right: auto !important;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb {
  height: 0.75rem;
  width: 0.75rem;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  transform: translate3d(1rem, 0, 0) !important;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #fff;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .view-groups {
  padding: 0.375rem 0.188rem;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .view-groups .mat-radio-outer-circle {
  border-width: 0.063rem;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .view-groups .mat-radio-checked .mat-radio-outer-circle {
  border-width: 0.125rem;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .view-groups .view-head {
  font-size: var(--fs-1-125-rem);
  font-weight: bold;
  color: #2B3443;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .view-groups .view-row {
  display: flex;
  width: 14.75rem;
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  align-items: center;
  cursor: pointer;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .view-groups .view-row .view-checkbox {
  width: 1.5rem;
  height: 1.5rem;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .view-groups .view-row .view-text {
  flex: 1;
  font-size: var(--fs-1-rem);
  line-height: 1.188rem;
  color: #2B3443;
  margin-left: 0.5rem;
  height: 1.5rem;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-radio-outer-circle {
  border-width: 0.063rem !important;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .mat-radio-checked .mat-radio-outer-circle {
  border-width: 0.125rem !important;
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .matrixSelect .mat-form-field-label-wrapper {
  margin-top: -1.375rem;
  line-height: 1.125rem;
  font-size: var(--fs-0-875-rem);
}
.e-container .plannexe-form:not(.esp-container):not(.activites-container) .matrixSelect mat-label {
  font-size: var(--fs-0-875-rem);
}

.gantt {
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  display: flex;
  color: #333;
  opacity: 0;
}

.gantt svg {
  overflow: visible !important;
}

.gantt .gantt-side {
  border-right: 1px solid #eee;
  position: relative;
  z-index: 3;
  box-shadow: 12px 0 16px -10px rgba(0, 0, 0, 0.15);
}

.gantt .gantt-side .gantt-side-header {
  box-sizing: border-box;
}

.gantt .gantt-side .gantt-side-container {
  height: 100%;
  background-color: #fff;
  overflow-y: auto;
}

.gantt .gantt-side .gantt-side-container .gantt-table {
  height: 100%;
}

.gantt .gantt-side .gantt-side-container::-webkit-scrollbar {
  display: none;
}

.gantt .gantt-container {
  flex: 1;
  position: relative;
  display: flex;
  overflow: hidden;
  background-color: #fafafa;
}

.gantt .gantt-scrollbar {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
  display: flex;
}

.gantt .gantt-scrollbar.gantt-scrollbar-bg {
  background-color: #fafafa;
}

.gantt .gantt-scrollbar.gantt-scrollbar-bg .gantt-table-scrollbar.with-scrollbar {
  border-right: 1px solid #eee;
  z-index: 3;
  box-shadow: 10px 0px 10px -3px rgba(0, 0, 0, 0.15);
}

.gantt .gantt-scrollbar .gantt-table-scrollbar.with-scrollbar {
  overflow-x: scroll;
}

.gantt .gantt-scrollbar .gantt-main-scrollbar {
  flex: 1;
  overflow-x: auto;
  overflow-y: hidden;
}

.gantt .gantt-main-container {
  width: 100%;
  flex: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  background-color: #fafafa;
}

.gantt .gantt-main-container .gantt-main-groups,
.gantt .gantt-main-container .gantt-main-items {
  overflow: hidden;
  min-height: 100%;
}

.gantt .gantt-main-container .gantt-group {
  background: rgba(243, 243, 243, 0.5);
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
}

.gantt .gantt-main-container .gantt-item {
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  position: relative;
}

.gantt .gantt-main-container .gantt-item.gantt-main-item-active {
  background-color: rgba(102, 152, 255, 0.1);
}

.gantt .gantt-main-container .gantt-quick-time-focus-container {
  position: absolute;
  left: 0;
  top: 0;
}

.gantt .gantt-main-container .gantt-quick-time-focus-container .gantt-quick-time-focus {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  width: 0px;
  z-index: 3;
  pointer-events: none;
}

.gantt .gantt-main-container .gantt-quick-time-focus-container .gantt-quick-time-focus-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gantt .gantt-main-container .gantt-quick-time-focus-container .gantt-quick-time-focus-item span {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2px;
  pointer-events: all;
}

.gantt .gantt-main-container .gantt-quick-time-focus-container .gantt-quick-time-focus-item span:hover .gantt-quick-time-focus-item-arrow {
  border: 1px solid #6698ff;
}

.gantt .gantt-main-container .gantt-quick-time-focus-container .gantt-quick-time-focus-item-arrow {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 4px;
  box-shadow: 0 4px 7px 1px rgba(0, 0, 0, 0.05);
}

.gantt .gantt-main-container .gantt-quick-time-focus-container .gantt-quick-time-focus-item-arrow .gantt-icon {
  display: inline-block;
}

.gantt .gantt-main-container .gantt-quick-time-focus-container .gantt-quick-time-focus-item-arrow .gantt-icon svg {
  width: 14px;
  height: 14px;
}

.gantt .gantt-normal-viewport {
  display: flex;
}

.gantt .gantt-virtual-scroll-viewport {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  overflow: auto;
}

.gantt .gantt-virtual-scroll-viewport.with-footer .gantt-table-body {
  padding-bottom: 44px;
}

.gantt .gantt-virtual-scroll-viewport.with-footer .gantt-main-groups,
.gantt .gantt-virtual-scroll-viewport.with-footer .gantt-main-items {
  padding-bottom: 44px;
}

.gantt .gantt-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper {
  width: 100%;
  min-width: unset;
  display: flex;
  min-height: 100%;
}

.gantt .gantt-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper .gantt-container .gantt-main-container {
  height: 100%;
  top: 0;
  overflow-y: hidden;
}

.gantt .gantt-virtual-scroll-viewport.gantt-scroll-container .gantt-container .gantt-main-container::-webkit-scrollbar {
  position: static;
}

.gantt .gantt-virtual-scroll-viewport.gantt-normal-viewport .cdk-virtual-scroll-content-wrapper {
  height: 100%;
}

.gantt .gantt-virtual-scroll-viewport.gantt-normal-viewport .cdk-virtual-scroll-spacer {
  display: none;
}

.gantt .gantt-virtual-scroll-viewport.gantt-normal-viewport .gantt-container .gantt-main-container {
  overflow-y: auto;
}

.gantt-header {
  display: flex;
  overflow: hidden;
  height: 100%;
}

.gantt-header .gantt-container-header {
  flex: 1;
  overflow: hidden;
  background-color: #fafafa;
}

.gantt-footer {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background-color: white;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.gantt-footer .gantt-table-footer {
  height: 44px;
  border-right: 1px solid #eee;
  box-shadow: 16px 0 14px -10px rgba(0, 0, 0, 0.15);
}

.gantt-footer .gantt-container-footer {
  height: 44px;
  overflow-x: auto;
  overflow-y: hidden;
  flex: 1;
}

.gantt-footer .gantt-container-footer::-webkit-scrollbar {
  display: none;
}

.gantt-table-header {
  text-align: center;
  background: #fff;
  box-shadow: 12px 0 16px -10px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 3;
  border-right: 1px solid #eee;
  display: flex;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}

.gantt-table-header .gantt-table-header-container {
  display: flex;
}

.gantt-table-header .gantt-table-column {
  overflow: hidden;
  border-right: 1px solid #eee;
  box-sizing: border-box;
  position: relative;
}

.gantt-table-header .gantt-table-column:last-child {
  border-right: none;
}

.gantt-table-header-first-level-group {
  background: rgba(243, 243, 243, 0.5);
}

.gantt-table-header-with-group .gantt-table-column:first-child {
  padding: 0 15px 0 32px;
}

.gantt-table-header .gantt-table-column {
  display: flex;
  padding: 0 15px;
}

.gantt-table-header .gantt-table-column-content {
  flex: 1;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gantt-table-header:hover {
  background-color: #fafafa;
}

.gantt-table-header-active {
  background-color: rgba(102, 152, 255, 0.1);
}

.gantt-table-header-active:hover {
  background-color: rgba(102, 152, 255, 0.1);
}

.gantt-table-header .gantt-table-column {
  display: flex;
  padding: 0 15px;
}

.gantt-table-header .gantt-table-column:last-child {
  border-right: none;
}

.gantt-table-header .gantt-table-column-content {
  flex: 1;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gantt-table-header .gantt-expand-icon {
  display: inline-block;
  width: 20px;
  color: #aaa;
}

.gantt-table-header .gantt-drag-handle {
  width: 1rem;
  padding: 0 5px 0 0;
  display: flex;
  align-items: center;
  margin-left: -10px;
}

.gantt-table-header:hover {
  background-color: #fafafa;
}

.gantt-table-header-active {
  background-color: rgba(102, 152, 255, 0.1);
}

.gantt-table-header-active:hover {
  background-color: rgba(102, 152, 255, 0.1);
}

.gantt-table-header .gantt-table-column {
  font-weight: 400;
  z-index: 1;
}

.gantt-table-body {
  display: block;
}

.gantt-table-body .gantt-table-group {
  display: flex;
  background: rgba(243, 243, 243, 0.5);
  padding: 0 10px;
  align-items: center;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  position: relative;
}

.gantt-table-body .gantt-table-group .gantt-table-group-title {
  cursor: pointer;
}

.gantt-table-body .gantt-table-group .gantt-table-group-title .expand-icon {
  color: #aaa;
  margin-right: 6px;
}

.gantt-table-body .gantt-table-item {
  display: flex;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}

.gantt-table-body .gantt-table-item .gantt-table-column {
  overflow: hidden;
  border-right: 1px solid #eee;
  box-sizing: border-box;
  position: relative;
}

.gantt-table-body .gantt-table-item .gantt-table-column:last-child {
  border-right: none;
}

.gantt-table-body .gantt-table-item-first-level-group {
  background: rgba(243, 243, 243, 0.5);
}

.gantt-table-body .gantt-table-item-with-group .gantt-table-column:first-child {
  padding: 0 15px 0 32px;
}

.gantt-table-body .gantt-table-item .gantt-table-column {
  display: flex;
  padding: 0 15px;
}

.gantt-table-body .gantt-table-item .gantt-table-column-content {
  flex: 1;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gantt-table-body .gantt-table-item:hover {
  background-color: #fafafa;
}

.gantt-table-body .gantt-table-item-active {
  background-color: rgba(102, 152, 255, 0.1);
}

.gantt-table-body .gantt-table-item-active:hover {
  background-color: rgba(102, 152, 255, 0.1);
}

.gantt-table-body .gantt-table-item .gantt-table-column {
  display: flex;
  padding: 0 15px;
}

.gantt-table-body .gantt-table-item .gantt-table-column:last-child {
  border-right: none;
}

.gantt-table-body .gantt-table-item .gantt-table-column-content {
  flex: 1;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gantt-table-body .gantt-table-item .gantt-expand-icon {
  display: inline-block;
  width: 20px;
  color: #aaa;
}

.gantt-table-body .gantt-table-item .gantt-drag-handle {
  width: 1rem;
  padding: 0 5px 0 0;
  display: flex;
  align-items: center;
  margin-left: -10px;
}

.gantt-table-body .gantt-table-item:hover {
  background-color: #fafafa;
}

.gantt-table-body .gantt-table-item-active {
  background-color: rgba(102, 152, 255, 0.1);
}

.gantt-table-body .gantt-table-item-active:hover {
  background-color: rgba(102, 152, 255, 0.1);
}

.gantt-table-body .gantt-expand-icon {
  display: inline-block;
  width: 20px;
  color: #aaa;
}

.gantt-table-empty {
  height: 100%;
  position: relative;
}

.gantt-table-empty .gantt-table-body-container {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 22px;
}

.gantt-table-empty .gantt-table-body-container .empty-icon svg {
  height: 78px;
  width: 78px;
}

.gantt-table-empty .gantt-table-body-container .empty-text {
  color: #cacaca;
}

.table-resize-handle,
.column-resize-handle {
  width: 3px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: ew-resize;
  height: 5000px;
}

.table-resize-handle:hover,
.column-resize-handle:hover {
  background: #6698ff;
}

.column-resize-handle {
  height: unset;
  z-index: 1;
}

.table-resize-auxiliary-line {
  width: 3px;
  background: #6698ff;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 100;
  display: none;
  height: 5000px;
}

.cdk-drag-preview.gantt-table-item {
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.08);
  opacity: 0.9;
  display: flex;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}

.cdk-drag-preview.gantt-table-item .gantt-table-column {
  overflow: hidden;
  border-right: 1px solid #eee;
  box-sizing: border-box;
  position: relative;
}

.cdk-drag-preview.gantt-table-item .gantt-table-column:last-child {
  border-right: none;
}

.cdk-drag-preview.gantt-table-item-first-level-group {
  background: rgba(243, 243, 243, 0.5);
}

.cdk-drag-preview.gantt-table-item-with-group .gantt-table-column:first-child {
  padding: 0 15px 0 32px;
}

.cdk-drag-preview.gantt-table-item .gantt-table-column {
  display: flex;
  padding: 0 15px;
}

.cdk-drag-preview.gantt-table-item .gantt-table-column-content {
  flex: 1;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cdk-drag-preview.gantt-table-item:hover {
  background-color: #fafafa;
}

.cdk-drag-preview.gantt-table-item-active {
  background-color: rgba(102, 152, 255, 0.1);
}

.cdk-drag-preview.gantt-table-item-active:hover {
  background-color: rgba(102, 152, 255, 0.1);
}

.cdk-drag-preview.gantt-table-item .gantt-table-column {
  display: flex;
  padding: 0 15px;
}

.cdk-drag-preview.gantt-table-item .gantt-table-column:last-child {
  border-right: none;
}

.cdk-drag-preview.gantt-table-item .gantt-table-column-content {
  flex: 1;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cdk-drag-preview.gantt-table-item .gantt-expand-icon {
  display: inline-block;
  width: 20px;
  color: #aaa;
}

.cdk-drag-preview.gantt-table-item .gantt-drag-handle {
  width: 1rem;
  padding: 0 5px 0 0;
  display: flex;
  align-items: center;
  margin-left: -10px;
}

.cdk-drag-preview.gantt-table-item:hover {
  background-color: #fafafa;
}

.cdk-drag-preview.gantt-table-item-active {
  background-color: rgba(102, 152, 255, 0.1);
}

.cdk-drag-preview.gantt-table-item-active:hover {
  background-color: rgba(102, 152, 255, 0.1);
}

.gantt-table-body.gantt-table-draggable .cdk-drag-placeholder {
  display: none !important;
}

.gantt-table-body.gantt-table-draggable .cdk-drag-placeholder + .cdk-drop-list {
  display: none !important;
}

.gantt-table-body.gantt-table-draggable .cdk-drag-disabled.gantt-table-item .gantt-drag-handle svg {
  display: none;
}

.gantt-table-body.gantt-table-draggable.gantt-table-dragging .gantt-table-item:hover {
  background: unset;
}

.gantt-table-body.gantt-table-draggable.gantt-table-dragging .gantt-table-item:hover .gantt-drag-handle {
  visibility: hidden !important;
}

.gantt-table-body.gantt-table-draggable .drag-item-hide {
  display: none !important;
}

.gantt-table-body.gantt-table-draggable .drop-position-inside .gantt-table-column {
  height: 100%;
  border-top: 2px dashed #6698ff !important;
  border-bottom: 2px dashed #6698ff !important;
}

.gantt-table-body.gantt-table-draggable .drop-position-inside .gantt-table-column:first-child {
  border-left: 2px dashed #6698ff !important;
}

.gantt-table-body.gantt-table-draggable .drop-position-inside .gantt-table-column:last-child {
  border-right: 2px dashed #6698ff !important;
}

.gantt-table-body.gantt-table-draggable .drop-position-before {
  background: #f5f5f5 !important;
  border-top: 2px solid #6698ff !important;
}

.gantt-table-body.gantt-table-draggable .drop-position-after {
  background: #f5f5f5 !important;
  border-bottom: 2px solid #6698ff !important;
}

.gantt-calendar {
  display: block;
  height: 100%;
  overflow: hidden;
}

.gantt-calendar svg {
  position: relative;
  z-index: 2;
  background-color: #fff;
  overflow: visible;
}

.gantt-calendar line {
  shape-rendering: crispEdges;
}

.gantt-calendar .primary-line {
  stroke: #ddd;
}

.gantt-calendar .gantt-calendar-today-overlay {
  position: relative;
  z-index: 1;
}

.gantt-calendar .gantt-calendar-today-overlay .today-rect {
  width: 35px;
  height: 24px;
  position: absolute;
  background: #ff9f73;
  color: #fff;
  text-align: center;
  border-radius: 4px;
}

.gantt-calendar .gantt-calendar-today-overlay .today-line {
  position: absolute;
  width: 3px;
  background: #ff9f73;
  transform: scaleX(0.5);
  transform-origin: 100% 0;
  margin-left: -2px;
}

.gantt-calendar-header {
  position: relative;
  z-index: 2;
}

.gantt-calendar-header .gantt-calendar-today-overlay {
  z-index: 2;
}

.gantt-calendar-header .header-line {
  stroke: #eee;
}

.gantt-calendar-header .primary-text {
  fill: #888;
  font-size: 14px;
}

.gantt-calendar-header .secondary-text {
  fill: #333;
  font-size: 14px;
}

.gantt-calendar-header .secondary-text-weekend {
  fill: #aaa;
}

.gantt-calendar-header .primary-text,
.gantt-calendar-header .secondary-text {
  text-anchor: middle;
}

.gantt-calendar-grid {
  position: absolute;
  width: 100%;
}

.gantt-calendar-grid .gantt-calendar-grid-main {
  background-color: transparent;
}

.gantt-calendar-grid .secondary-line {
  stroke-dasharray: 2px 5px;
  stroke: #cacaca;
}

.gantt-calendar-grid .secondary-backdrop {
  fill: rgba(243, 243, 243, 0.5);
}

.gantt-drag-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: none;
  overflow: hidden;
}

.gantt-drag-mask {
  position: absolute;
  z-index: 1;
  height: 100%;
  display: none;
  background: rgba(102, 152, 255, 0.05);
}

.gantt-drag-mask .date-range {
  width: 100%;
  min-width: 120px;
  top: -23px;
  background: #6698ff;
  line-height: 23px;
  border-radius: 4px;
  color: #fff;
  position: absolute;
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  box-sizing: border-box;
}

.gantt-link-drag-container {
  width: 100%;
  height: 1px;
  overflow: visible !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

.gantt-link-drag-container .link-dragging-line {
  stroke: #6698ff;
  stroke-width: 2px;
}

.gantt-bar {
  position: absolute;
  border-radius: 4px;
  z-index: 2;
  background: #fff;
}

.gantt-bar .gantt-bar-layer {
  width: calc(100% + 32px);
  height: calc(100% + 42px);
  position: absolute;
  border-radius: 4px;
  left: -16px;
  top: -21px;
  display: none;
}

.gantt-bar .gantt-bar-layer .drag-handles {
  background: #fff;
  width: 100%;
  height: calc(100% - 16px * 2);
  position: absolute;
  border-radius: 4px;
  top: 16px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
}

.gantt-bar .gantt-bar-layer .drag-handles .handle {
  width: 15px;
  height: 100%;
  position: absolute;
  cursor: col-resize;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gantt-bar .gantt-bar-layer .drag-handles .handle:before, .gantt-bar .gantt-bar-layer .drag-handles .handle:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #cacaca;
}

.gantt-bar .gantt-bar-layer .drag-handles .handle::before {
  margin-right: 2px;
}

.gantt-bar .gantt-bar-layer .drag-handles .handle:first-child {
  left: 0;
}

.gantt-bar .gantt-bar-layer .drag-handles .handle:last-child {
  right: 0;
}

.gantt-bar .gantt-bar-layer .link-handles .handle {
  position: absolute;
  display: inline-block;
  cursor: pointer;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1001;
}

.gantt-bar .gantt-bar-layer .link-handles .handle:first-child {
  left: 0;
  top: 0;
}

.gantt-bar .gantt-bar-layer .link-handles .handle:last-child {
  right: 0;
  bottom: 0;
}

.gantt-bar .gantt-bar-layer .link-handles .handle .point {
  color: #6698ff;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #6698ff;
  transition: 0.3 ease;
}

.gantt-bar .gantt-bar-layer .link-handles .handle .point:hover {
  width: 12px;
  height: 12px;
}

.gantt-bar .gantt-bar-border {
  width: calc(100% + 5px * 2);
  height: calc(100% + 5px * 2);
  position: absolute;
  border-radius: 4px;
  left: -5px;
  top: -5px;
  display: none;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.gantt-bar .gantt-bar-content {
  width: 100%;
  height: 100%;
  position: absolute;
  cursor: pointer;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background: #6698ff;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.gantt-bar .gantt-bar-content .gantt-bar-content-progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.gantt-bar-active {
  z-index: 1000;
}

.gantt-bar-active .gantt-bar-layer {
  display: block;
  z-index: 1;
}

.gantt-bar-active .gantt-bar-content {
  z-index: 1;
  box-shadow: none;
}

.gantt-bar-active .cdk-drag {
  transition: none;
}

.gantt-bar-single-drop-active .gantt-bar-border {
  display: block;
}

.gantt-bar-single-drop-active .gantt-bar-content {
  box-shadow: none;
}

.gantt-bar-draggable-drag {
  z-index: 1001;
}

.gantt-bar-drop-active {
  z-index: 1000;
}

.gantt-bar-drop-active .gantt-bar-layer {
  display: block;
  z-index: 1;
}

.gantt-bar-drop-active .gantt-bar-content {
  z-index: 1;
  box-shadow: none;
}

.gantt-bar-drop-active .cdk-drag {
  transition: none;
}

.gantt-bar-drop-active .gantt-bar-layer .link-handles .handle {
  width: 26px;
  height: 100%;
}

.gantt-bar-drop-active .gantt-bar-layer .link-handles .handle:first-child {
  left: -21px;
}

.gantt-bar-drop-active .gantt-bar-layer .link-handles .handle:last-child {
  right: -21px;
}

.gantt-bar-drop-active .gantt-bar-layer .link-handles .handle:hover .point {
  width: 12px;
  height: 12px;
}

.gantt-range {
  position: absolute;
  z-index: 2;
}

.gantt-range .gantt-range-main {
  height: 10px;
  background: #dfdfdf;
  border: 1px solid #888;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
  position: relative;
}

.gantt-range .gantt-range-main .gantt-range-main-progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #888;
}

.gantt-range .gantt-range-triangle {
  width: 0;
  height: 0;
  border-top: 7px solid #888;
  position: absolute;
  top: 10px;
}

.gantt-range .gantt-range-triangle.left {
  border-right: 6px solid transparent;
  left: 0;
}

.gantt-range .gantt-range-triangle.right {
  border-left: 6px solid transparent;
  right: 0;
}

.gantt-icon {
  font-size: 1rem;
  line-height: 0;
}

.gantt-icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: -0.125em;
  background-repeat: no-repeat;
}

.gantt-links-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.gantt-links-overlay svg {
  overflow: visible;
  z-index: 2;
  position: absolute;
}

.link-dragging-container {
  width: 100%;
  height: 1px;
  overflow: visible !important;
  position: absolute;
  left: 0;
  z-index: 2000;
}

.link-dragging-container .link-dragging-line {
  stroke: #6698ff;
  stroke-width: 2px;
}

.gantt-baseline {
  position: absolute;
  z-index: 2;
}

.gantt-baseline .baseline-content {
  height: 8px;
  border-radius: 2px;
  background-color: #cacaca;
}

.gantt-toolbar {
  position: absolute;
  top: 60px;
  right: 20px;
  z-index: 1000;
}

.gantt-toolbar .toolbar-views {
  display: inline-flex;
}

.gantt-toolbar .toolbar-views .toolbar-view {
  padding: 0 15px;
  cursor: pointer;
  flex: 0 1 auto;
  border: 1px solid #ddd;
  margin-left: -1px;
  position: relative;
  background-color: #ffffff;
}

.gantt-toolbar .toolbar-views .toolbar-view.active {
  color: #6698ff;
  border-color: #6698ff;
  z-index: 1;
}

.gantt-toolbar .toolbar-views .toolbar-view:first-child {
  border-radius: 4px 0 0 4px;
}

.gantt-toolbar .toolbar-views .toolbar-view:last-child {
  border-radius: 0 4px 4px 0;
}

.gantt-loader-overlay {
  position: absolute;
  width: 100%;
  height: calc(100% - 40px);
  top: 40px;
  left: 0;
  background: rgba(255, 255, 255, 0.6);
  z-index: 1001;
}

.gantt-loader-wrapper {
  position: absolute;
  padding-top: 20px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.gantt-loader-loading {
  display: inline-block;
  position: relative;
  height: 8px;
  border-radius: 4px;
  transform: translateX(-18px);
}

.gantt-loader-loading:before, .gantt-loader-loading:after {
  content: "";
  display: block;
  position: absolute;
  height: 8px;
  width: 8px;
  border-radius: 4px;
}

.gantt-loader-loading:before {
  animation: gantt-loader-loading-ellipsis-b 1s ease-in-out infinite;
  background: #6698ff;
  opacity: 0.4;
}

.gantt-loader-loading:after {
  animation: gantt-loader-loading-ellipsis-a 1s ease-in-out infinite;
  background: #6698ff;
  opacity: 0.8;
}

.gantt-loader-loading-spot {
  position: absolute;
  left: 13px;
  height: 8px;
  width: 8px;
  background: #6698ff;
  border-radius: 4px;
}

@keyframes gantt-loader-loading-ellipsis-b {
  0% {
    left: 0;
    transform: scale(1.1);
  }
  50% {
    left: 25px;
    transform: scale(1);
  }
  100% {
    left: 0;
    transform: scale(1.1);
  }
}
@keyframes gantt-loader-loading-ellipsis-a {
  0% {
    left: 25px;
    transform: scale(1.1);
  }
  50% {
    left: 0;
    transform: scale(1);
  }
  100% {
    left: 25px;
    transform: scale(1.1);
  }
}
.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.di {
  display: inline;
}

.dib {
  display: inline-block;
}

.db {
  display: block;
}

.dt {
  display: table;
}

.dno {
  display: none;
}

.vt {
  vertical-align: top;
}

.vb {
  vertical-align: bottom;
}

.f11 {
  font-size: var(--fs-0-688-rem);
}

.f12 {
  font-size: var(--fs-0-75-rem);
}

.f13 {
  font-size: var(--fs-0-813-rem);
}

.f14 {
  font-size: var(--fs-0-875-rem);
}

.f16 {
  font-size: var(--fs-1-rem);
}

.f18 {
  font-size: var(--fs-1-125-rem);
}

.f22 {
  font-size: var(--fs-1-375-rem);
}

.f24 {
  font-size: var(--fs-1-5-rem);
}

.f28 {
  font-size: var(--fs-1-75-rem);
}

.f32 {
  font-size: var(--fs-2-rem);
}

.f36 {
  font-size: var(--fs-2-25-rem);
}

.f42 {
  font-size: var(--fs-2-625-rem);
}

.f48 {
  font-size: var(--fs-3-rem);
}

.f54 {
  font-size: var(--fs-3-375-rem);
}

.bold {
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

.italic {
  font-style: italic;
}

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

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

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

.text-capitalize {
  text-transform: capitalize !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.pointer, .outsideclick, .cursor {
  cursor: pointer;
}

.ct {
  cursor: text;
}

.cd {
  cursor: default;
}

.cm {
  cursor: move !important;
}

.right {
  float: right;
}

.left {
  float: left;
}

.fullWidth {
  inline-size: 100%;
}

.fullHeight {
  block-size: 100%;
}

.overflow {
  overflow: auto;
}

.nopad {
  padding: 0;
}

.pad2 {
  padding: 0.125rem;
}

.pad3 {
  padding: 0.188rem;
}

.pad5 {
  padding: 0.313rem;
}

.pad7 {
  padding: 0.438rem;
}

.pad10 {
  padding: 0.625rem;
}

.pad15 {
  padding: 0.938rem;
}

.pad40 {
  padding: 2.5rem;
}

.pad50 {
  padding: 3.125rem;
}

.padt0 {
  -webkit-padding-before: 0rem;
          padding-block-start: 0rem;
}

.padt5 {
  -webkit-padding-before: 0.313rem;
          padding-block-start: 0.313rem;
}

.padt7 {
  -webkit-padding-before: 0.438rem;
          padding-block-start: 0.438rem;
}

.padt10 {
  -webkit-padding-before: 0.625rem;
          padding-block-start: 0.625rem;
}

.padt20 {
  -webkit-padding-before: 1.25rem;
          padding-block-start: 1.25rem;
}

.padt40 {
  -webkit-padding-before: 2.5rem;
          padding-block-start: 2.5rem;
}

.padt50 {
  -webkit-padding-before: 3.125rem;
          padding-block-start: 3.125rem;
}

.padb0 {
  -webkit-padding-after: 0rem;
          padding-block-end: 0rem;
}

.padb7 {
  -webkit-padding-after: 0.438rem;
          padding-block-end: 0.438rem;
}

.padb10 {
  -webkit-padding-after: 0.625rem;
          padding-block-end: 0.625rem;
}

.padb15 {
  -webkit-padding-after: 0.938rem;
          padding-block-end: 0.938rem;
}

.padb20 {
  -webkit-padding-after: 1.25rem;
          padding-block-end: 1.25rem;
}

.padb40 {
  -webkit-padding-after: 2.5rem;
          padding-block-end: 2.5rem;
}

.padb50 {
  -webkit-padding-after: 3.125rem;
          padding-block-end: 3.125rem;
}

.padl0 {
  -webkit-padding-start: 0rem;
          padding-inline-start: 0rem;
}

.padl6 {
  -webkit-padding-start: 0.375rem;
          padding-inline-start: 0.375rem;
}

.padl10 {
  -webkit-padding-start: 0.625rem;
          padding-inline-start: 0.625rem;
}

.padl20 {
  -webkit-padding-start: 1.25rem;
          padding-inline-start: 1.25rem;
}

.padl40 {
  -webkit-padding-start: 2.5rem;
          padding-inline-start: 2.5rem;
}

.padl50 {
  -webkit-padding-start: 3.125rem;
          padding-inline-start: 3.125rem;
}

.padr0 {
  -webkit-padding-end: 0rem;
          padding-inline-end: 0rem;
}

.padr10 {
  -webkit-padding-end: 0.625rem;
          padding-inline-end: 0.625rem;
}

.padr20 {
  -webkit-padding-end: 1.25rem;
          padding-inline-end: 1.25rem;
}

.padr40 {
  -webkit-padding-end: 2.5rem;
          padding-inline-end: 2.5rem;
}

.padr50 {
  -webkit-padding-end: 3.125rem;
          padding-inline-end: 3.125rem;
}

.marauto {
  margin: auto;
}

.marcenter {
  margin: 0 auto;
}

.nomar {
  margin: 0;
}

.mar2 {
  margin: 0.125rem;
}

.mar3 {
  margin: 0.188rem;
}

.mar5 {
  margin: 0.313rem;
}

.mar7 {
  margin: 0.438rem;
}

.mar10 {
  margin: 0.625rem;
}

.mar40 {
  margin: 2.5rem;
}

.mar50 {
  margin: 3.125rem;
}

.mart0 {
  -webkit-margin-before: 0rem;
          margin-block-start: 0rem;
}

.mart5 {
  -webkit-margin-before: 0.313rem;
          margin-block-start: 0.313rem;
}

.mart10 {
  -webkit-margin-before: 0.625rem;
          margin-block-start: 0.625rem;
}

.mart15 {
  -webkit-margin-before: 0.938rem;
          margin-block-start: 0.938rem;
}

.mart20 {
  -webkit-margin-before: 1.25rem;
          margin-block-start: 1.25rem;
}

.mart30 {
  -webkit-margin-before: 1.875rem;
          margin-block-start: 1.875rem;
}

.mart40 {
  -webkit-margin-before: 2.5rem;
          margin-block-start: 2.5rem;
}

.mart50 {
  -webkit-margin-before: 3.125rem;
          margin-block-start: 3.125rem;
}

.marb0 {
  -webkit-margin-after: 0rem;
          margin-block-end: 0rem;
}

.marb10 {
  -webkit-margin-after: 0.625rem;
          margin-block-end: 0.625rem;
}

.marb16 {
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
}

.marb20 {
  -webkit-margin-after: 1.25rem;
          margin-block-end: 1.25rem;
}

.marb40 {
  -webkit-margin-after: 2.5rem;
          margin-block-end: 2.5rem;
}

.marb50 {
  -webkit-margin-after: 3.125rem;
          margin-block-end: 3.125rem;
}

.marb96 {
  -webkit-margin-after: 6rem !important;
          margin-block-end: 6rem !important;
}

.marl0 {
  -webkit-margin-start: 0rem;
          margin-inline-start: 0rem;
}

.marl5 {
  -webkit-margin-start: 0.313rem;
          margin-inline-start: 0.313rem;
}

.marl10 {
  -webkit-margin-start: 0.625rem;
          margin-inline-start: 0.625rem;
}

.marl20 {
  -webkit-margin-start: 1.25rem;
          margin-inline-start: 1.25rem;
}

.marl30 {
  -webkit-margin-start: 1.875rem;
          margin-inline-start: 1.875rem;
}

.marl40 {
  -webkit-margin-start: 2.5rem;
          margin-inline-start: 2.5rem;
}

.marl50 {
  -webkit-margin-start: 3.125rem;
          margin-inline-start: 3.125rem;
}

.marr0 {
  -webkit-margin-end: 0rem;
          margin-inline-end: 0rem;
}

.marr10 {
  -webkit-margin-end: 0.625rem;
          margin-inline-end: 0.625rem;
}

.marr20 {
  -webkit-margin-end: 1.25rem;
          margin-inline-end: 1.25rem;
}

.marr40 {
  -webkit-margin-end: 2.5rem;
          margin-inline-end: 2.5rem;
}

.marr50 {
  -webkit-margin-end: 3.125rem;
          margin-inline-end: 3.125rem;
}

.mart-5 {
  -webkit-margin-before: -0.313rem;
          margin-block-start: -0.313rem;
}

.flex-row {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 30rem) {
  .flex-row {
    flex-direction: column;
  }
}
.flex-row .col1 {
  inline-size: 100%;
}
.flex-row .col2 {
  inline-size: calc(50% - 0.625rem);
}
@media (max-width: 30rem) {
  .flex-row .col2 {
    inline-size: 100%;
  }
}
.flex-row .col3 {
  inline-size: calc(33% - 0.625rem);
}
@media (max-width: 30rem) {
  .flex-row .col3 {
    inline-size: 100%;
  }
}
.flex-row .col4 {
  inline-size: calc(25% - 0.625rem);
}
@media (max-width: 30rem) {
  .flex-row .col4 {
    inline-size: 100%;
  }
}
.flex-row .col5 {
  inline-size: calc(20% - 0.625rem);
}
@media (max-width: 30rem) {
  .flex-row .col5 {
    inline-size: 100%;
  }
}
.flex-row .col2by3 {
  inline-size: calc(66% - 0.625rem);
}
@media (max-width: 30rem) {
  .flex-row .col2by3 {
    inline-size: 100%;
  }
}

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

.flex-wrap {
  flex-wrap: wrap;
}

@media (hover: hover) {
  .minimal-scrollbars {
    scrollbar-color: transparent transparent;
  }
  .minimal-scrollbars:hover {
    scrollbar-color: #D2D2D2 transparent;
  }
  .minimal-scrollbars::-webkit-scrollbar-thumb {
    background-color: transparent;
  }
  .minimal-scrollbars:hover::-webkit-scrollbar-thumb {
    background-color: #D2D2D2;
    border-radius: 0.25rem;
  }
}
.plannexe-search {
  display: inline-block;
  vertical-align: top;
  position: relative;
  -webkit-margin-end: 0.375rem;
          margin-inline-end: 0.375rem;
}
.plannexe-search .icon {
  display: block;
  position: absolute;
  z-index: 100;
  left: 0.375rem;
  top: 0.375rem;
}
.plannexe-search .icon img {
  width: 1.5rem;
  height: 1.5rem;
}
.plannexe-search input {
  background-color: #ffffff;
  border: none;
  width: 16.5rem;
  display: block;
  box-sizing: border-box;
  height: 2.25rem;
  padding: 0.313rem 0.75rem 0.313rem 2.125rem;
  font-size: var(--fs-0-875-rem);
  line-height: 1.25rem;
  font-weight: 400;
  color: #303030;
  background-clip: padding-box;
  border-radius: 0.25rem;
  position: relative;
  border: 0.063rem solid #E3E3E3;
}
.plannexe-search input::placeholder {
  color: #aaadb8;
}
@media (max-width: 48rem) {
  .plannexe-search input {
    width: 13.5rem;
  }
}
@media (max-width: 30rem) {
  .plannexe-search input {
    width: 100%;
  }
}
.plannexe-search.active input, .plannexe-search:focus input {
  border-color: var(--primary-color);
}
.plannexe-search .cross-icon {
  position: absolute;
  inset-inline-end: 0.5rem;
  inset-block-start: 0.5rem;
  -webkit-margin-before: 0rem;
          margin-block-start: 0rem;
  -webkit-margin-after: 0rem;
          margin-block-end: 0rem;
  -webkit-margin-start: 0rem;
          margin-inline-start: 0rem;
  -webkit-margin-end: 0rem;
          margin-inline-end: 0rem;
  cursor: pointer;
}
.plannexe-search .cross-icon mat-icon {
  inline-size: 1.25rem;
  block-size: 1.25rem;
  font-size: var(--fs-1-25-rem);
  color: var(--light-black-color);
}

.menu-stats {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 3.25rem;
  position: fixed;
  z-index: 999;
  width: var(--container-width);
  border-top: 0.063rem solid #F3F5F6;
  box-shadow: 0 0.313rem 0.625rem 0 rgba(198, 201, 210, 0.25);
}
.menu-stats .main-container {
  flex-direction: row;
}
.menu-stats .left-side {
  flex: 1;
  display: flex;
  align-items: center;
}
.menu-stats .left-side .list-items {
  display: flex;
  align-items: center;
  font-size: var(--fs-1-rem);
  font-weight: 400;
  line-height: 1.125rem;
  -webkit-margin-end: 1rem;
          margin-inline-end: 1rem;
}
.menu-stats .left-side .list-items.singed img {
  width: 1rem;
  height: 1rem;
}
.menu-stats .left-side .list-items.singed .value {
  -webkit-padding-start: 0.5rem;
          padding-inline-start: 0.5rem;
}
.menu-stats .left-side .label {
  color: var(--grey-color);
  font-size: var(--fs-0-875-rem);
}
.menu-stats .left-side .label-detail {
  width: 4.25rem;
  font-size: var(--fs-0-875-rem);
  color: var(--grey-color);
}
.menu-stats .left-side .value {
  width: 7rem;
  font-size: var(--fs-0-875-rem);
  color: var(--black-color);
  -webkit-padding-start: 0.5rem;
          padding-inline-start: 0.5rem;
}
.menu-stats .left-side .value-short {
  width: 3rem;
}
.menu-stats .left-side .value-shortMedium {
  width: 4rem;
}
.menu-stats .left-side .value-medium {
  width: 6rem;
}
.menu-stats .left-side .value-normal {
  width: 7rem;
}
.menu-stats .left-side .value-long {
  width: 8rem;
}
.menu-stats .left-side .label-medium {
  width: 5rem;
}
.menu-stats .left-side .label-long {
  width: 6.875rem;
}
.menu-stats .stats {
  display: flex;
  list-style: none;
  align-items: center;
  justify-content: flex-end;
}
.menu-stats .stats .label {
  color: var(--black-color);
}
.menu-stats .stats .value {
  color: var(--grey-color);
  -webkit-padding-start: 0.75rem;
          padding-inline-start: 0.75rem;
}
.menu-stats .stats li {
  font-size: var(--fs-0-875-rem);
  font-weight: 400;
  line-height: 0.875rem;
  -webkit-margin-start: 2.25rem;
          margin-inline-start: 2.25rem;
  display: flex;
  align-items: center;
}
.menu-stats .stats li.opened {
  -webkit-border-start: 0.188rem solid #1DA9E7;
          border-inline-start: 0.188rem solid #1DA9E7;
  -webkit-padding-start: 0.625rem;
          padding-inline-start: 0.625rem;
}
.menu-stats .stats li.inprogress {
  -webkit-border-start: 0.188rem solid #6E92F2;
          border-inline-start: 0.188rem solid #6E92F2;
  -webkit-padding-start: 0.625rem;
          padding-inline-start: 0.625rem;
  min-width: 6.875rem;
}
.menu-stats .stats li.completed {
  -webkit-border-start: 0.188rem solid #5BAA15;
          border-inline-start: 0.188rem solid #5BAA15;
  -webkit-padding-start: 0.625rem;
          padding-inline-start: 0.625rem;
}
.menu-stats .stats li.cancelled {
  -webkit-border-start: 0.188rem solid #F46666;
          border-inline-start: 0.188rem solid #F46666;
  -webkit-padding-start: 0.625rem;
          padding-inline-start: 0.625rem;
}
.menu-stats .stats li.total {
  background: #F4F5F9;
  justify-content: center;
  height: 1.875rem;
  border-radius: 0.25rem;
  width: 6.938rem;
  font-weight: 700;
}
.menu-stats .stats li.total .label {
  color: var(--light-black-color);
}
.menu-stats .stats li.total .value {
  color: var(--light-black-color);
}
.menu-stats .stats li.closed {
  -webkit-border-start: 0.188rem solid #5BAA15;
          border-inline-start: 0.188rem solid #5BAA15;
  -webkit-padding-start: 0.625rem;
          padding-inline-start: 0.625rem;
}
.menu-stats .tag {
  padding: 0.375rem 0.75rem;
  background-color: #f3f5f6;
  color: #97a3a9;
  border-radius: 0.125rem;
  margin: 0 0.375rem;
  font-size: var(--fs-0-875-rem);
  display: inline-block;
}
.menu-stats .activities-col {
  width: 8rem;
  display: flex;
  -webkit-margin-end: 0.375rem;
          margin-inline-end: 0.375rem;
}
.menu-stats .activities-col .planned-icon, .menu-stats .activities-col .actual-icon {
  zoom: 0.85;
}
.menu-stats .actions {
  width: 3rem;
}
.menu-stats .actions button {
  color: var(--grey-color);
  background: transparent;
  border-radius: 0.25rem;
  padding: 0 0.375rem;
  line-height: 2.25rem;
}
.menu-stats .actions button:hover, .menu-stats .actions button[aria-expanded=true] {
  background: rgba(203, 210, 213, 0.25);
}
.menu-stats .actions button .mat-icon {
  vertical-align: middle;
}
.menu-stats .actions .defaultButton {
  line-height: 1.125rem;
  padding: 0.313rem 0.625rem;
}
.menu-stats .actions label {
  vertical-align: super;
  cursor: pointer;
}
.menu-stats .deliverable-name {
  font-size: var(--fs-1-rem);
  font-weight: 600;
  width: 12.25rem;
  display: flex;
  align-items: center;
}
.menu-stats .deliverable-name img {
  -webkit-margin-end: 0.375rem;
          margin-inline-end: 0.375rem;
  height: 1rem;
}
.menu-stats .tag-style {
  border-start-start-radius: 0.25rem;
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-end-start-radius: 0.25rem;
  background: #F4F5F9;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 5.375rem;
  block-size: 1.875rem;
  font-size: var(--fs-0-875-rem);
  font-weight: 400;
  line-height: 1.125rem;
  color: var(--light-black-color);
  position: relative;
}
.menu-stats .tag-style:after {
  position: absolute;
  content: "";
  inset-inline-end: -1.5rem;
  inset-block-start: 0rem;
  inline-size: 0;
  block-size: 0;
  -webkit-border-before: 0.938rem solid transparent;
          border-block-start: 0.938rem solid transparent;
  -webkit-border-start: 1.5rem solid #F4F5F9;
          border-inline-start: 1.5rem solid #F4F5F9;
  -webkit-border-after: 0.938rem solid transparent;
          border-block-end: 0.938rem solid transparent;
}
.menu-stats .percentage {
  display: flex;
}
.menu-stats .percentage .percentage-value {
  color: #8dc63f;
  font-size: var(--fs-1-rem);
  font-weight: bold;
  line-height: 1rem;
}
.menu-stats .percentage .percentage-bar {
  inline-size: 8rem;
  position: relative;
  background-color: var(--light-grey);
  block-size: 0.25rem;
  border-radius: 0.125rem;
  -webkit-margin-before: 0.375rem;
          margin-block-start: 0.375rem;
  -webkit-margin-after: 0.438rem;
          margin-block-end: 0.438rem;
  -webkit-margin-start: 0.25rem;
          margin-inline-start: 0.25rem;
}
.menu-stats .percentage .percentage-bar-fill {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  border-radius: 0.125rem;
  background-color: var(--primary-color);
  block-size: 0.25rem;
}
.menu-stats .percentage .percentage-bar-fill.red {
  background-color: #E53935;
}
.menu-stats .percentage .percentage-bar-fill.orage {
  background-color: #FF8F00;
}
.menu-stats .percentage .percentage-bar-fill.green {
  background-color: #689F38;
}
.menu-stats .percentage .target {
  background-color: var(--light-blue-grey);
  block-size: 0.75rem;
  inline-size: 0.25rem;
  border-radius: 0.125rem;
  -webkit-margin-before: -0.25rem;
          margin-block-start: -0.25rem;
  position: absolute;
}

.critical-tag {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 2.25rem;
}
.critical-tag .icon {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("/assets/engaged-images/priority_critical.svg");
  background-repeat: space;
  background-size: 1.125rem 1.5rem;
  vertical-align: middle;
}
.critical-tag .text {
  -webkit-padding-start: 0.25rem;
          padding-inline-start: 0.25rem;
  font-size: var(--fs-0-875-rem);
  line-height: 0.875rem;
}
.critical-tag.Low .icon {
  background-image: url("/assets/engaged-images/priority_low.svg");
  background-size: 1.125rem 1.75rem;
}
.critical-tag.Medium .icon {
  background-image: url("/assets/engaged-images/priority_medium.svg");
  background-size: 1.125rem 1.375rem;
}
.critical-tag.High .icon {
  background-image: url("/assets/engaged-images/priority_high.svg");
  background-size: 1.25rem 1.125rem;
}

.count-link-v2 {
  border: 0.063rem solid #EAECF0;
  background: #F9FAFB;
  display: flex;
  align-items: center;
  padding: 0.25rem;
  border-radius: 0.375rem;
}
.count-link-v2 img {
  width: 1rem;
  height: 1rem;
}

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
.mat-option.mat-selected:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.08) !important;
}

.expension-row mat-expansion-panel {
  box-shadow: none !important;
  margin: 0rem !important;
}
.expension-row .mat-expansion-panel-body {
  padding: 0.875rem 1rem !important;
}
.expension-row mat-expansion-panel-header:hover {
  background: none !important;
}

.mat-form-field.xfilter,
.mat-form-field.vxfilter {
  inline-size: 100%;
  margin: 0;
  background-color: #ffffff;
}
.mat-form-field.xfilter .mat-select,
.mat-form-field.vxfilter .mat-select {
  padding: 0 !important;
}
.mat-form-field.xfilter .mat-select-empty,
.mat-form-field.vxfilter .mat-select-empty {
  padding: 0.125rem 0;
}
.mat-form-field.xfilter .mat-select-value-text,
.mat-form-field.vxfilter .mat-select-value-text {
  font-size: var(--fs-1-rem);
  font-weight: normal !important;
  color: var(--black-color);
  line-height: 1.25rem;
}
.mat-form-field.xfilter .mat-form-field-wrapper,
.mat-form-field.vxfilter .mat-form-field-wrapper {
  box-sizing: border-box;
}
.mat-form-field.xfilter .mat-form-field-label-wrapper,
.mat-form-field.vxfilter .mat-form-field-label-wrapper {
  -webkit-padding-before: 1.375rem;
          padding-block-start: 1.375rem;
  -webkit-margin-before: -1.313rem;
          margin-block-start: -1.313rem;
}
.mat-form-field.xfilter input.mat-input-element,
.mat-form-field.vxfilter input.mat-input-element {
  font-size: var(--fs-1-rem);
  font-weight: 700;
  color: var(--black-color);
}
.mat-form-field.xfilter.mat-focused .mat-form-field-label:not(.mat-form-field-empty), .mat-form-field.xfilter.mat-form-field-should-float .mat-form-field-label:not(.mat-form-field-empty),
.mat-form-field.vxfilter.mat-focused .mat-form-field-label:not(.mat-form-field-empty),
.mat-form-field.vxfilter.mat-form-field-should-float .mat-form-field-label:not(.mat-form-field-empty) {
  display: none;
}
.mat-form-field.xfilter.mat-focused .mat-select .mat-form-field-label,
.mat-form-field.vxfilter.mat-focused .mat-select .mat-form-field-label {
  display: block;
}
.mat-form-field.xfilter.mat-form-field-disabled .mat-select-value-text,
.mat-form-field.vxfilter.mat-form-field-disabled .mat-select-value-text {
  color: var(--grey-color);
}
.mat-form-field.xfilter.small .mat-form-field-wrapper .mat-form-field-flex,
.mat-form-field.vxfilter.small .mat-form-field-wrapper .mat-form-field-flex {
  padding: 0.625rem 0.875rem;
  background: #f3f5f6;
  border: none;
}
.mat-form-field.xfilter.small .mat-select,
.mat-form-field.vxfilter.small .mat-select {
  background: #f3f5f6;
}
.mat-form-field.xfilter.requirement-owner .mat-select-value,
.mat-form-field.vxfilter.requirement-owner .mat-select-value {
  line-height: 0.875rem !important;
  max-width: -webkit-fit-content;
  max-width: fit-content;
}
.mat-form-field.xfilter.requirement-owner .mat-select-value-text,
.mat-form-field.vxfilter.requirement-owner .mat-select-value-text {
  font-size: var(--fs-0-875-rem) !important;
  font-weight: 400 !important;
}
.mat-form-field.xfilter .mat-form-field-hint-end,
.mat-form-field.vxfilter .mat-form-field-hint-end {
  -webkit-margin-before: 0.25rem;
          margin-block-start: 0.25rem;
}
.mat-form-field.xfilter .mat-select-trigger,
.mat-form-field.vxfilter .mat-select-trigger {
  justify-content: space-between;
}

.mat-form-field.placeholder.mat-focused .mat-form-field-label:not(.mat-form-field-empty), .mat-form-field.placeholder.mat-form-field-should-float .mat-form-field-label:not(.mat-form-field-empty) {
  display: block;
  line-height: 1.5rem;
  -webkit-margin-before: -0.313rem !important;
          margin-block-start: -0.313rem !important;
}
.mat-form-field.placeholder.mat-form-field-disabled .mat-form-field-flex,
.mat-form-field.placeholder.mat-form-field-disabled .mat-select,
.mat-form-field.placeholder.mat-form-field-disabled .mat-form-field-label {
  background: #f9f9f9;
}

.mat-form-field.readonly .mat-form-field-flex {
  background: #f2f2f2;
}

.sprint-status .mat-form-field.xfilter {
  background-color: #f3f5f6;
}
.sprint-status .mat-form-field.xfilter .mat-select {
  background-color: #f3f5f6;
}

.on-white .mat-form-field.xfilter {
  background-color: #f3f5f6;
  border-radius: 0.188rem;
}
.on-white .mat-form-field-appearance-legacy .mat-form-field-wrapper .mat-form-field-flex {
  border: none;
}
.on-white .mat-select {
  background-color: #f3f5f6;
}

.filter-row .mat-form-field.xfilter .mat-select,
.filter-row .mat-form-field.vxfilter .mat-select {
  padding: 0.313rem 0;
}
.filter-row .mat-form-field.xfilter .mat-form-field-label-wrapper,
.filter-row .mat-form-field.vxfilter .mat-form-field-label-wrapper {
  inset-block-start: 0.25rem;
}
.filter-row .mat-form-field.xfilter.mat-focused .mat-form-field-label:not(.mat-form-field-empty), .filter-row .mat-form-field.xfilter.mat-form-field-should-float .mat-form-field-label:not(.mat-form-field-empty),
.filter-row .mat-form-field.vxfilter.mat-focused .mat-form-field-label:not(.mat-form-field-empty),
.filter-row .mat-form-field.vxfilter.mat-form-field-should-float .mat-form-field-label:not(.mat-form-field-empty) {
  display: block;
}
.filter-row .mat-form-field-appearance-legacy .mat-form-field-prefix .mat-datepicker-toggle-default-icon,
.filter-row .mat-form-field-appearance-legacy .mat-form-field-suffix .mat-datepicker-toggle-default-icon {
  inline-size: 1.25rem;
}
.filter-row .mat-date-range-input-mirror {
  font-size: var(--fs-1-rem);
}

.searchable-panel {
  /*margin-left: 1.5rem;*/
  -webkit-margin-before: -0.875rem;
          margin-block-start: -0.875rem;
}
.searchable-panel .mat-select-search-inner {
  inset-block-start: -0.5rem !important;
}
.searchable-panel .mat-select-search-clear {
  line-height: 2.25rem;
  inline-size: 2.25rem;
  inset-block-start: 0.125rem;
  block-size: 2.25rem;
}
.searchable-panel .mat-select-search-clear .mat-icon {
  font-size: var(--fs-1-313-rem);
}

.status-filter-panel {
  -webkit-margin-before: 2.625rem;
          margin-block-start: 2.625rem;
}

.PO-panel {
  min-height: 2.25rem !important;
}
.PO-panel .mat-menu-item .mat-icon {
  -webkit-margin-end: 0.5rem;
          margin-inline-end: 0.5rem;
  font-size: var(--fs-1-25-rem);
  inline-size: 1.25rem;
  block-size: 1.375rem;
  color: var(--grey-color);
}
.PO-panel .mat-menu-content {
  padding: 0 !important;
}
.PO-panel .mat-menu-content button {
  -webkit-border-after: 0.063rem solid var(--light-grey-color);
          border-block-end: 0.063rem solid var(--light-grey-color);
  border-radius: 0rem;
  font-size: var(--fs-1-rem);
}
.PO-panel .mat-menu-content button:last-child {
  -webkit-border-after: none;
          border-block-end: none;
}
.PO-panel .danger-item {
  color: var(--danger-color) !important;
}
.PO-panel .danger-item mat-icon {
  color: var(--danger-color) !important;
}

.mat-radio-group[name=project-state-change] .mat-radio-label-content {
  font-size: var(--fs-1-rem);
  color: var(--black-grey-color);
}

.date-field-icon button {
  position: absolute;
  inset-block-start: -0.75rem;
  inset-inline-end: 0;
}
.date-field-icon mat-icon {
  font-size: var(--fs-1-375-rem) !important;
  color: var(--grey-color);
}

.snackbar-xerror {
  background: #d3302f;
  color: #fff;
  -webkit-margin-after: 4.688rem !important;
          margin-block-end: 4.688rem !important;
}

.snackbar-xinfo {
  background: #fff;
  color: var(--black-color);
  -webkit-margin-after: 4.688rem !important;
          margin-block-end: 4.688rem !important;
}

.snackbar-xsuccess {
  background: var(--primary-color);
  color: #fff;
  -webkit-margin-after: 4.688rem !important;
          margin-block-end: 4.688rem !important;
}

.tag-popup-dailog .mat-dialog-container,
.sprint-add-dailog .mat-dialog-container {
  padding: 0;
}

.mat-checkbox.right-align .mat-checkbox-layout {
  flex-direction: row-reverse;
  inline-size: 100%;
}
.mat-checkbox.right-align.bold .mat-checkbox-layout .mat-checkbox-label {
  font-weight: bold;
}
.mat-checkbox.right-align .mat-checkbox-inner-container {
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}

.ng2-tag-input {
  border: 0.063rem solid #dadadb;
  padding: 0.25rem 0.938rem !important;
  border-radius: 0.25rem;
}
.ng2-tag-input.ng2-tag-input--focused {
  border: 0.063rem solid #dadadb !important;
}
.ng2-tag-input.ng2-tag-input--invalid {
  border: 0.063rem solid #d3302f !important;
}
.ng2-tag-input .ng2-tag-input__text-input {
  padding: 0 !important;
  font-size: var(--fs-1-rem) !important;
  line-height: 1.5;
  color: var(--black-color) !important;
  block-size: 2rem !important;
}

tag-input p.error-message {
  -webkit-margin-start: 1rem !important;
          margin-inline-start: 1rem !important;
  color: #e21d26 !important;
  font-size: var(--fs-0-875-rem) !important;
}

.ng2-tags-container tag {
  color: var(--black-color) !important;
  font-size: var(--fs-1-rem) !important;
  background: #e7ecef !important;
  border-radius: 0.25rem !important;
  block-size: 1.875rem !important;
  line-height: 1.5rem !important;
}
.ng2-tags-container tag:hover {
  box-shadow: none !important;
}
.ng2-tags-container delete-icon svg {
  block-size: 1.625rem !important;
  vertical-align: top !important;
}

.requirementTabs .mat-tab-links,
.project-detail-tabs .mat-tab-links,
.module-tabs .mat-tab-links {
  -webkit-border-after: 0.063rem solid #dadadb;
          border-block-end: 0.063rem solid #dadadb;
  padding: 0.625rem 0 0 0.938rem;
}
.requirementTabs .mat-ink-bar,
.project-detail-tabs .mat-ink-bar,
.module-tabs .mat-ink-bar {
  block-size: 0.125rem !important;
  inset-block-end: 0.063rem;
}
.requirementTabs .mat-tab-link,
.project-detail-tabs .mat-tab-link,
.module-tabs .mat-tab-link {
  color: var(--grish-color);
  font-weight: 500;
  font-size: var(--fs-1-rem);
}
.requirementTabs .mat-tab-label-active,
.project-detail-tabs .mat-tab-label-active,
.module-tabs .mat-tab-label-active {
  color: var(--primary-color);
}

.project-detail-tabs .mat-tab-links,
.module-tabs .mat-tab-links {
  -webkit-border-after: 0rem solid #dadadb;
          border-block-end: 0rem solid #dadadb;
  padding: 0.75rem 0 0 0rem;
}
.project-detail-tabs .mat-ink-bar,
.module-tabs .mat-ink-bar {
  inset-block-end: 0rem;
}
.project-detail-tabs .mat-tab-link,
.module-tabs .mat-tab-link {
  font-weight: bold;
  padding: 0 !important;
  -webkit-margin-end: 1.5rem;
          margin-inline-end: 1.5rem;
  justify-content: flex-start;
  block-size: 2rem;
}

.module-tabs .mat-tab-links {
  -webkit-border-after: 0.063rem solid #ECEFF4 !important;
          border-block-end: 0.063rem solid #ECEFF4 !important;
}
.module-tabs .mat-tab-link {
  font-weight: 400 !important;
  font-size: var(--fs-0-875-rem) !important;
  color: var(--grey-color) !important;
}
.module-tabs .mat-tab-label-active {
  color: var(--primary-color) !important;
}

.history-tabs {
  margin: 0 1.5rem !important;
}
.history-tabs .mat-tab-links {
  padding: 0;
}

.mat-slide-toggle .mat-slide-toggle-content {
  font-size: var(--fs-1-rem);
  font-weight: normal;
  color: var(--black-color);
}
.mat-slide-toggle.mat-bold .mat-slide-toggle-content {
  font-weight: bold;
}
.mat-slide-toggle.mat-disabled {
  opacity: 1 !important;
}
.mat-slide-toggle.mat-disabled .mat-slide-toggle-bar {
  opacity: 0.38;
}

.mc-checkbox .mat-checkbox-layout {
  margin: 0;
}
.mc-checkbox .mat-checkbox-layout .mat-checkbox-label {
  font-size: var(--fs-0-875-rem);
  font-weight: 400;
}
.mc-checkbox.grid .mat-checkbox-layout .mat-checkbox-label {
  font-weight: 600;
  font-size: var(--fs-1-rem);
  line-height: 1.5rem;
}

.select-all .mat-checkbox-layout {
  margin: 0;
}
.select-all .mat-checkbox-layout .mat-checkbox-label {
  color: #fff !important;
}
.select-all .mat-checkbox .mat-ripple-element {
  background: #fff;
}
.select-all .mat-checkbox-frame {
  border-color: #fff;
}
.select-all.black .mat-checkbox-layout .mat-checkbox-label {
  color: var(--primary-color) !important;
}
.select-all.black .mat-checkbox .mat-ripple-element {
  background: var(--primary-color);
}
.select-all.black .mat-checkbox-frame {
  border-color: var(--primary-color);
}

.filter-item .mat-checkbox {
  flex: 1;
}
.filter-item .mat-checkbox-layout .mat-checkbox-label {
  white-space: normal;
}
.filter-item .mat-radio-input {
  display: none;
}
.filter-item .mat-radio-label {
  margin: 0.375rem 0;
}
.filter-item .mat-radio-label-content {
  font-size: var(--fs-1-rem);
  font-weight: normal;
  color: var(--black-color);
  line-height: 1.5rem;
}

.view-groups.backlog-group .view-head {
  color: var(--grey-color);
  font-size: var(--fs-1-rem);
  display: flex;
  align-items: center;
  -webkit-margin-after: 0rem;
          margin-block-end: 0rem;
  padding: 0.25rem 1.125rem;
}
.view-groups.backlog-group .view-head span {
  -webkit-padding-start: 0.375rem;
          padding-inline-start: 0.375rem;
}
.view-groups.backlog-group .view-row {
  -webkit-border-after: 0.063rem solid var(--light-grey-color);
          border-block-end: 0.063rem solid var(--light-grey-color);
  margin: 0 0.75rem;
  inline-size: 14rem;
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  block-size: 2.5rem;
}
.view-groups.backlog-group .view-row .view-text {
  -webkit-margin-start: 0rem;
          margin-inline-start: 0rem;
}
.view-groups.backlog-group .view-row mat-icon {
  display: none;
}
.view-groups.backlog-group .view-row.selected .view-text {
  color: var(--primary-color);
}
.view-groups.backlog-group .view-row.selected mat-icon {
  display: flex;
  color: var(--primary-color);
}
.view-groups.backlog-group .view-row:last-child {
  -webkit-border-after: none;
          border-block-end: none;
}

.view-groups.sequencial-group {
  min-height: auto;
  padding: 0.75rem 1.5rem;
}

.mat-form-field.vxfilter .mat-form-field-wrapper .mat-form-field-flex {
  padding: 0.5rem 0.75rem !important;
}
.mat-form-field.vxfilter .mat-form-field-label {
  font-size: var(--fs-0-875-rem);
  line-height: 0.875rem;
  font-weight: 400;
  color: var(--black-color);
}
.mat-form-field.vxfilter .mat-form-field-label-wrapper {
  -webkit-padding-before: 0.938rem;
          padding-block-start: 0.938rem;
  -webkit-margin-before: -0.938rem;
          margin-block-start: -0.938rem;
}
.mat-form-field.vxfilter .mat-select-value-text {
  font-size: var(--fs-0-875-rem);
  line-height: 1.25rem;
  font-weight: 700;
  color: var(--black-color);
}

.mat-form-field.currencyPrefix .mat-form-field-prefix {
  color: var(--grey-color);
  -webkit-padding-end: 0.5rem;
          padding-inline-end: 0.5rem;
  -webkit-border-end: 0.063rem solid #E3E3E3;
          border-inline-end: 0.063rem solid #E3E3E3;
  block-size: 1.375rem;
  line-height: 1.375rem;
  -webkit-margin-end: 0.5rem;
          margin-inline-end: 0.5rem;
}
.mat-form-field.currencyPrefix span[matprefix] {
  font-size: var(--fs-1-rem);
  line-height: 1.5;
  font-weight: bold;
  color: #aaadb8;
}

.cdk-drag.white-area {
  background-color: #fff;
  display: flex;
  align-items: center;
  z-index: 1;
  box-shadow: 0.125rem 0.125rem 0.313rem rgba(0, 0, 0, 0.0941176471);
  border: 0.063rem solid #fff;
  border-radius: 0.25rem;
  block-size: 2.5rem;
  position: relative;
}

.fixes-select-panel {
  -webkit-margin-start: 0 !important;
          margin-inline-start: 0 !important;
}

.fixes-select-panel .mat-select-value {
  line-height: 1.5rem;
}

[inputclass=tagEmailInput] tag-input-form,
[inputclass=tagEmailInput] .tagEmailInput {
  inline-size: -webkit-fill-available;
}

.opacity0 {
  opacity: 0;
}

.rb-checkbox {
  -webkit-padding-after: 0.375rem;
          padding-block-end: 0.375rem;
}
.rb-checkbox .mat-checkbox-layout .mat-checkbox-inner-container {
  block-size: 1.125rem;
  inline-size: 1.125rem;
}
.rb-checkbox .mat-checkbox-layout .mat-checkbox-label {
  line-height: 1.125rem;
}

.responsible-autodropdown .mat-form-field-wrapper {
  background: #fff;
  border: 0.063rem #D0D5DD solid;
}
.responsible-autodropdown .mat-form-field-wrapper .mat-form-field-flex {
  padding: 0.438rem 0.938rem !important;
}

.statement-right-action {
  display: flex;
  gap: 0.75rem;
}
.statement-right-action .mat-form-field-wrapper {
  width: 11.25rem;
}
.statement-right-action .mat-form-field-subscript-wrapper {
  display: none;
}
.statement-right-action .mat-form-field.xfilter,
.statement-right-action .mat-form-field.vxfilter {
  font-size: var(--fs-1-375-rem);
}

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

.statement-graph-card .mat-form-field-subscript-wrapper {
  display: none;
}

.statement-month-picker .mat-form-field-infix {
  display: flex;
  align-items: center;
}

.mat-calendar-body-cell:hover .mat-calendar-body-cell-content {
  color: #fff;
}

.attachment-snackbar {
  background: #fff;
  color: #000;
  padding: 1rem 1.5rem !important;
}

.white-backgroud .mat-form-field-flex, .white-backgroud .mat-checkbox-inner-container {
  background: #fff;
}

.create-project-panel {
  min-width: auto;
  max-width: none;
  width: 10rem;
  margin-top: 0.25rem;
}
.create-project-panel .mat-menu-item:hover {
  --color-mix: color-mix(in srgb, var(--primary-color) 12%, white);
  background: var(--color-mix) !important;
}
.create-project-panel .mat-menu-content {
  padding: 0.25rem !important;
}
.create-project-panel .mat-menu-content button {
  -webkit-border-after: 0;
          border-block-end: 0;
  border-radius: 0.25rem;
  line-height: 2.625rem;
  height: 2.625rem;
}

.create-template-panel {
  width: 14.25rem;
}

.cp-revenue-slider .mat-slide-toggle-content {
  font-size: var(--fs-1-rem);
  font-weight: 700;
  line-height: 1.5rem;
  color: #101828;
}

.plannexe-chip-list .mat-select-trigger {
  align-items: flex-start;
  height: auto;
}
.plannexe-chip-list .mat-form-field-flex {
  padding: 0.25rem !important;
}
.plannexe-chip-list .mat-chip {
  border: 0.063rem solid #F2F4F7 !important;
  border-radius: 0.25rem !important;
  padding: 0.25rem 0.75rem !important;
  background: #F2F4F7 !important;
  color: #475467 !important;
  font-size: var(--fs-1-rem);
  font-weight: 500;
  line-height: 1.5rem;
}
.plannexe-chip-list .mat-chip.mat-standard-chip .mat-chip-remove {
  color: var(--primary-color);
  opacity: 1;
}
.plannexe-chip-list .mat-form-field-label {
  font-size: var(--fs-1-rem);
  font-weight: 400;
  line-height: 1.5rem;
  margin-left: 0.5rem;
  display: block;
  margin-top: -0.875rem;
}
.plannexe-chip-list .mat-pseudo-checkbox {
  width: 1.25rem;
  height: 1.25rem;
}
.plannexe-chip-list .mat-pseudo-checkbox:after {
  top: 0.25rem;
  left: 0.125rem;
  width: 0.563rem;
  height: 0.25rem;
}

.plannexe-chip-list-panels {
  margin-top: 2rem !important;
}
.plannexe-chip-list-panels .mat-option {
  border: none !important;
}
.plannexe-chip-list-panels .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--black-color);
  background: none !important;
}
.plannexe-chip-list-panels .mat-option.mat-active, .plannexe-chip-list-panels .mat-option:hover:not(.mat-option-disabled) {
  background: none !important;
}
.plannexe-chip-list-panels .mat-option-text {
  color: var(--black-color);
  font-size: var(--fs-1-rem);
  font-weight: 400;
  line-height: 1.5rem;
}
.plannexe-chip-list-panels .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled {
  background-color: var(--primary-color);
}

.plannexe-tabs-v2 .mat-tab-nav-bar, .plannexe-tabs-v2 .mat-tab-links {
  border: none !important;
}
.plannexe-tabs-v2 .mat-ink-bar {
  height: 0rem !important;
  block-size: 0 !important;
}
.plannexe-tabs-v2 .mat-tab-link {
  font-size: var(--fs-0-875-rem);
  font-weight: 400;
  line-height: 1.25rem;
  padding: 1.25rem 1rem !important;
  border-radius: 0.375rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -webkit-margin-end: 1rem;
          margin-inline-end: 1rem;
}
.plannexe-tabs-v2 .mat-tab-link img {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.375rem;
}
.plannexe-tabs-v2 .mat-tab-label-active {
  box-shadow: 0rem 0.063rem 0.25rem 0rem rgba(33, 33, 52, 0.1);
  font-weight: 700 !important;
  background: #fff;
  color: var(--primary-color);
}
.plannexe-tabs-v2 .tab-count {
  background: #F2F4F7;
  border-radius: 1.5rem;
  padding: 0 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #667085;
  font-size: var(--fs-0-875-rem);
  font-weight: 500;
  line-height: 1.25rem;
  height: 1.5rem;
  min-width: 1.5rem;
  margin-left: 0.5rem;
}

.plannexe-expension.phases {
  border-radius: 0.5rem;
}

.centeralize-dialog-container {
  width: var(--container-width);
  max-width: var(--container-width) !important;
}
.centeralize-dialog-container.large-container {
  width: 100%;
  max-width: calc(100vw - 1.5rem) !important;
  height: calc(100vh - 1.5rem);
}
.centeralize-dialog-container .mat-dialog-container {
  border-radius: 0.75rem;
  background: #F9FAFB;
  padding: 0;
}
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/angular-calendar/css/angular-calendar.css?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.cal-month-view .cal-header {
  text-align: center;
  font-weight: bolder;
}
.cal-month-view .cal-header .cal-cell {
  padding: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.cal-month-view .cal-days {
  border: 1px solid;
  border-bottom: 0;
}
.cal-month-view .cal-cell-top {
  min-height: 78px;
  flex: 1;
}
.cal-month-view .cal-cell-row {
  display: flex;
}
.cal-month-view .cal-cell {
  float: left;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.cal-month-view .cal-cell .cal-event {
  pointer-events: all !important;
}
.cal-month-view .cal-day-cell {
  min-height: 100px;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom: 1px solid;
}
.cal-month-view .cal-day-badge {
  margin-top: 18px;
  margin-left: 10px;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
  float: left;
}
.cal-month-view .cal-day-number {
  font-size: 1.2em;
  font-weight: 400;
  opacity: 0.5;
  margin-top: 15px;
  margin-right: 15px;
  float: right;
  margin-bottom: 10px;
}
.cal-month-view .cal-events {
  flex: 1;
  align-items: flex-end;
  margin: 3px;
  line-height: 10px;
  display: flex;
  flex-wrap: wrap;
}
.cal-month-view .cal-event {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
}
.cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
  cursor: pointer;
}
.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
  opacity: 0.1;
  cursor: default;
}
.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 1.9em;
}
.cal-month-view .cal-open-day-events {
  padding: 15px;
}
.cal-month-view .cal-open-day-events .cal-event {
  position: relative;
  top: 2px;
}
.cal-month-view .cal-out-month .cal-day-badge,
.cal-month-view .cal-out-month .cal-event {
  opacity: 0.3;
}
.cal-month-view .cal-draggable {
  cursor: move;
}
.cal-month-view .cal-drag-active * {
  pointer-events: none;
}
.cal-month-view .cal-event-title {
  cursor: pointer;
}
.cal-month-view .cal-event-title:hover {
  text-decoration: underline;
}

.cal-month-view {
  background-color: #fff;
}
.cal-month-view .cal-cell-row:hover {
  background-color: #fafafa;
}
.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell.cal-has-events.cal-open {
  background-color: #ededed;
}
.cal-month-view .cal-days {
  border-color: #e1e1e1;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: initial;
  border-left-color: #e1e1e1;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom-color: #e1e1e1;
}
.cal-month-view .cal-day-badge {
  background-color: #b94a48;
  color: #fff;
}
.cal-month-view .cal-event {
  background-color: #1e90ff;
  border-color: #d1e8ff;
  color: #fff;
}
.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: #8b0000;
}
.cal-month-view .cal-day-cell.cal-today {
  background-color: #e8fde7;
}
.cal-month-view .cal-day-cell.cal-drag-over {
  background-color: #e0e0e0 !important;
}
.cal-month-view .cal-open-day-events {
  color: #fff;
  background-color: #555;
  box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
}

.cal-week-view {
  /* stylelint-disable-next-line selector-type-no-unknown */
}
.cal-week-view * {
  box-sizing: border-box;
}
.cal-week-view .cal-day-headers {
  display: flex;
  padding-left: 70px;
  border: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers {
  padding-left: initial;
  padding-right: 70px;
}
.cal-week-view .cal-day-headers .cal-header {
  flex: 1;
  text-align: center;
  padding: 5px;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: initial;
  border-right: 1px solid;
}
.cal-week-view .cal-day-headers span {
  font-weight: 400;
  opacity: 0.5;
}
.cal-week-view .cal-day-column {
  flex-grow: 1;
  border-left: solid 1px;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left: initial;
  border-right: solid 1px;
}
.cal-week-view .cal-event {
  font-size: 12px;
  border: 1px solid;
  direction: ltr;
}
.cal-week-view .cal-time-label-column {
  width: 70px;
  height: 100%;
}
.cal-week-view .cal-current-time-marker {
  position: absolute;
  width: 100%;
  height: 2px;
  z-index: 2;
}
.cal-week-view .cal-all-day-events {
  border: solid 1px;
  border-top: 0;
  border-bottom-width: 3px;
  padding-top: 3px;
  position: relative;
}
.cal-week-view .cal-all-day-events .cal-day-columns {
  height: 100%;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  z-index: 0;
}
.cal-week-view .cal-all-day-events .cal-events-row {
  position: relative;
  height: 31px;
  margin-left: 70px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-events-row {
  margin-left: initial;
  margin-right: 70px;
}
.cal-week-view .cal-all-day-events .cal-event-container {
  display: inline-block;
  position: absolute;
}
.cal-week-view .cal-all-day-events .cal-event-container.resize-active {
  z-index: 1;
  pointer-events: none;
}
.cal-week-view .cal-all-day-events .cal-event {
  padding: 0 5px;
  margin-left: 2px;
  margin-right: 2px;
  height: 28px;
  line-height: 28px;
}
.cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: initial;
  border-bottom-left-radius: initial;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: initial;
  border-bottom-right-radius: initial;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.cal-week-view .cal-all-day-events .cal-time-label-column {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.cal-week-view .cal-all-day-events .cal-resize-handle {
  width: 6px;
  height: 100%;
  cursor: col-resize;
  position: absolute;
  top: 0;
}
.cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: 0;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: initial;
  left: 0;
}
.cal-week-view .cal-event,
.cal-week-view .cal-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cal-week-view .cal-drag-active {
  pointer-events: none;
  z-index: 1;
}
.cal-week-view .cal-drag-active * {
  pointer-events: none;
}
.cal-week-view .cal-time-events {
  position: relative;
  border: solid 1px;
  border-top: 0;
  display: flex;
}
.cal-week-view .cal-time-events .cal-day-columns {
  display: flex;
  flex-grow: 1;
}
.cal-week-view .cal-time-events .cal-day-column {
  position: relative;
}
.cal-week-view .cal-time-events .cal-events-container {
  position: relative;
}
.cal-week-view .cal-time-events .cal-event-container {
  position: absolute;
  z-index: 1;
}
.cal-week-view .cal-time-events .cal-event {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  margin: 1px;
  padding: 0 5px;
  line-height: 25px;
}
.cal-week-view .cal-time-events .cal-resize-handle {
  width: 100%;
  height: 4px;
  cursor: row-resize;
  position: absolute;
}
.cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
  bottom: 0;
}
.cal-week-view .cal-hour-segment {
  position: relative;
}
.cal-week-view .cal-hour-segment::after {
  content: " ";
}
.cal-week-view .cal-event-container:not(.cal-draggable) {
  cursor: pointer;
}
.cal-week-view .cal-draggable {
  cursor: move;
}
.cal-week-view mwl-calendar-week-view-hour-segment,
.cal-week-view .cal-hour-segment {
  display: block;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom: thin dashed;
}
.cal-week-view .cal-time {
  font-weight: bold;
  padding-top: 5px;
  width: 70px;
  text-align: center;
}
.cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
  display: none;
}
.cal-week-view .cal-starts-within-day .cal-event {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.cal-week-view .cal-ends-within-day .cal-event {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.cal-week-view {
  background-color: #fff;
  border-top: solid 1px #e1e1e1;
}
.cal-week-view .cal-day-headers {
  border-color: #e1e1e1;
  border-top: 0;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: initial;
  border-left: solid 1px #e1e1e1 !important;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-day-headers .cal-header:hover,
.cal-week-view .cal-day-headers .cal-drag-over {
  background-color: #ededed;
}
.cal-week-view .cal-day-column {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-event {
  background-color: #d1e8ff;
  border-color: #1e90ff;
  color: #1e90ff;
}
.cal-week-view .cal-all-day-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-header.cal-today {
  background-color: #e8fde7;
}
.cal-week-view .cal-header.cal-weekend span {
  color: #8b0000;
}
.cal-week-view .cal-time-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
  background-color: #ededed;
}
.cal-week-view .cal-hour-odd {
  background-color: #fafafa;
}
.cal-week-view .cal-drag-over .cal-hour-segment {
  background-color: #ededed;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom-color: #e1e1e1;
}
.cal-week-view .cal-current-time-marker {
  background-color: #ea4334;
}

.cal-day-view {
  /* stylelint-disable-next-line selector-type-no-unknown */
}
.cal-day-view mwl-calendar-week-view-header {
  display: none;
}
.cal-day-view .cal-events-container {
  margin-left: 70px;
}
[dir=rtl] .cal-day-view .cal-events-container {
  margin-left: initial;
  margin-right: 70px;
}
.cal-day-view .cal-day-column {
  border-left: 0;
}
.cal-day-view .cal-current-time-marker {
  margin-left: 70px;
  width: calc(100% - 70px);
}
[dir=rtl] .cal-day-view .cal-current-time-marker {
  margin-left: initial;
  margin-right: 70px;
}

.cal-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 11px;
  word-wrap: break-word;
  opacity: 0.9;
}

.cal-tooltip.cal-tooltip-top {
  padding: 5px 0;
  margin-top: -3px;
}

.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
}

.cal-tooltip.cal-tooltip-right {
  padding: 0 5px;
  margin-left: 3px;
}

.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}

.cal-tooltip.cal-tooltip-bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
}

.cal-tooltip.cal-tooltip-left {
  padding: 0 5px;
  margin-left: -3px;
}

.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}

.cal-tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
  border-radius: 0.25rem;
}

.cal-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  border-top-color: #000;
}

.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  border-right-color: #000;
}

.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  border-bottom-color: #000;
}

.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  border-left-color: #000;
}

.cal-tooltip-inner {
  color: #fff;
  background-color: #000;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./node_modules/ngx-bar-rating/themes/br-default-theme.scss?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.br-default {
  --br-font-size: 26px;
}
.br-default .br-units {
  align-items: center;
}
.br-default .br-unit-inner:before {
  content: "★";
  color: var(--br-inactive-color);
  width: 100%;
}
.br-default .br-active:before {
  color: var(--br-active-color);
}
.br-default .br-fraction:after {
  color: var(--br-active-color);
  content: "★";
  width: 50%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./node_modules/viewerjs/src/css/viewer.scss?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.viewer-zoom-in::before, .viewer-zoom-out::before, .viewer-one-to-one::before, .viewer-reset::before, .viewer-prev::before, .viewer-play::before, .viewer-next::before, .viewer-rotate-left::before, .viewer-rotate-right::before, .viewer-flip-horizontal::before, .viewer-flip-vertical::before, .viewer-fullscreen::before, .viewer-fullscreen-exit::before, .viewer-close::before {
  background-image: url('icons.svg');
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
}
.viewer-zoom-in::before {
  background-position: 0 0;
  content: "Zoom In";
}
.viewer-zoom-out::before {
  background-position: -20px 0;
  content: "Zoom Out";
}
.viewer-one-to-one::before {
  background-position: -40px 0;
  content: "One to One";
}
.viewer-reset::before {
  background-position: -60px 0;
  content: "Reset";
}
.viewer-prev::before {
  background-position: -80px 0;
  content: "Previous";
}
.viewer-play::before {
  background-position: -100px 0;
  content: "Play";
}
.viewer-next::before {
  background-position: -120px 0;
  content: "Next";
}
.viewer-rotate-left::before {
  background-position: -140px 0;
  content: "Rotate Left";
}
.viewer-rotate-right::before {
  background-position: -160px 0;
  content: "Rotate Right";
}
.viewer-flip-horizontal::before {
  background-position: -180px 0;
  content: "Flip Horizontal";
}
.viewer-flip-vertical::before {
  background-position: -200px 0;
  content: "Flip Vertical";
}
.viewer-fullscreen::before {
  background-position: -220px 0;
  content: "Enter Full Screen";
}
.viewer-fullscreen-exit::before {
  background-position: -240px 0;
  content: "Exit Full Screen";
}
.viewer-close::before {
  background-position: -260px 0;
  content: "Close";
}
.viewer-container {
  bottom: 0;
  direction: ltr;
  font-size: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
          user-select: none;
}
.viewer-container::selection, .viewer-container *::selection {
  background-color: transparent;
}
.viewer-container:focus {
  outline: 0;
}
.viewer-container img {
  display: block;
  height: auto;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.viewer-canvas {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.viewer-canvas > img {
  height: auto;
  margin: 15px auto;
  max-width: 90% !important;
  width: auto;
}
.viewer-footer {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
}
.viewer-navbar {
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.viewer-list {
  box-sizing: content-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  padding: 1px 0;
}
.viewer-list > li {
  color: transparent;
  cursor: pointer;
  float: left;
  font-size: 0;
  height: 50px;
  line-height: 0;
  opacity: 0.5;
  overflow: hidden;
  transition: opacity 0.15s;
  width: 30px;
}
.viewer-list > li:focus, .viewer-list > li:hover {
  opacity: 0.75;
}
.viewer-list > li:focus {
  outline: 0;
}
.viewer-list > li + li {
  margin-left: 1px;
}
.viewer-list > .viewer-loading {
  position: relative;
}
.viewer-list > .viewer-loading::after {
  border-width: 2px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
}
.viewer-list > .viewer-active, .viewer-list > .viewer-active:focus, .viewer-list > .viewer-active:hover {
  opacity: 1;
}
.viewer-player {
  background-color: #000;
  bottom: 0;
  cursor: none;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.viewer-player > img {
  left: 0;
  position: absolute;
  top: 0;
}
.viewer-toolbar > ul {
  display: inline-block;
  margin: 0 auto 5px;
  overflow: hidden;
  padding: 6px 3px;
}
.viewer-toolbar > ul > li {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  float: left;
  height: 24px;
  overflow: hidden;
  transition: background-color 0.15s;
  width: 24px;
}
.viewer-toolbar > ul > li:focus, .viewer-toolbar > ul > li:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.viewer-toolbar > ul > li:focus {
  box-shadow: 0 0 3px #fff;
  outline: 0;
  position: relative;
  z-index: 1;
}
.viewer-toolbar > ul > li::before {
  margin: 2px;
}
.viewer-toolbar > ul > li + li {
  margin-left: 1px;
}
.viewer-toolbar > ul > .viewer-small {
  height: 18px;
  margin-bottom: 3px;
  margin-top: 3px;
  width: 18px;
}
.viewer-toolbar > ul > .viewer-small::before {
  margin: -1px;
}
.viewer-toolbar > ul > .viewer-large {
  height: 30px;
  margin-bottom: -3px;
  margin-top: -3px;
  width: 30px;
}
.viewer-toolbar > ul > .viewer-large::before {
  margin: 5px;
}
.viewer-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: #fff;
  display: none;
  font-size: 12px;
  height: 20px;
  left: 50%;
  line-height: 20px;
  margin-left: -25px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
}
.viewer-title {
  color: #ccc;
  display: inline-block;
  font-size: 12px;
  line-height: 1.2;
  margin: 5px 5%;
  max-width: 90%;
  min-height: 14px;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity 0.15s;
  white-space: nowrap;
}
.viewer-title:hover {
  opacity: 1;
}
.viewer-button {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  height: 80px;
  overflow: hidden;
  position: absolute;
  right: -40px;
  top: -40px;
  transition: background-color 0.15s;
  width: 80px;
  -webkit-app-region: no-drag;
}
.viewer-button:focus, .viewer-button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.viewer-button:focus {
  box-shadow: 0 0 3px #fff;
  outline: 0;
}
.viewer-button::before {
  bottom: 15px;
  left: 15px;
  position: absolute;
}
.viewer-fixed {
  position: fixed;
}
.viewer-open {
  overflow: hidden;
}
.viewer-show {
  display: block;
}
.viewer-hide {
  display: none;
}
.viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}
.viewer-invisible {
  visibility: hidden;
}
.viewer-move {
  cursor: move;
  cursor: grab;
}
.viewer-fade {
  opacity: 0;
}
.viewer-in {
  opacity: 1;
}
.viewer-transition {
  transition: all 0.3s;
}
@keyframes viewer-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.viewer-loading::after {
  animation: viewer-spinner 1s linear infinite;
  border: 4px solid rgba(255, 255, 255, 0.1);
  border-left-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 1;
}
@media (max-width: 767px) {
  .viewer-hide-xs-down {
    display: none;
  }
}
@media (max-width: 991px) {
  .viewer-hide-sm-down {
    display: none;
  }
}
@media (max-width: 1199px) {
  .viewer-hide-md-down {
    display: none;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/sellexe_styles/styles.scss?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
@font-face {
  font-family: "signationFont";
  src: url('RAGE.ttf') format("truetype");
}
@font-face {
  font-family: "sfui";
  src: url('SFUIDisplay-Thin.ttf') format("truetype"), url('SFUIDisplay-Thin.woff') format("woff");
  font-weight: 100;
}
@font-face {
  font-family: "sfui";
  src: url('SFUIDisplay-Ultralight.woff') format("truetype"), url('SFUIDisplay-Ultralight.woff') format("woff");
  font-weight: 200;
}
@font-face {
  font-family: "sfui";
  src: url('SFUIDisplay-Light.woff') format("truetype"), url('SFUIDisplay-Light.woff') format("woff");
  font-weight: 300;
}
@font-face {
  font-family: "sfui";
  src: url('SFUIDisplay-Regular.woff') format("truetype"), url('SFUIDisplay-Regular.woff') format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "sfui";
  src: url('SFUIDisplay-Medium.woff') format("truetype"), url('SFUIDisplay-Medium.woff') format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "sfui";
  src: url('SFUIDisplay-Bold.woff') format("truetype"), url('SFUIDisplay-Bold.woff') format("woff");
  font-weight: 600;
}
@font-face {
  font-family: "sfui";
  src: url('SFUIDisplay-Semibold.woff') format("truetype"), url('SFUIDisplay-Semibold.woff') format("woff");
  font-weight: 700;
}
@font-face {
  font-family: "sfui";
  src: url('SFUIDisplay-Heavy.woff') format("truetype"), url('SFUIDisplay-Heavy.woff') format("woff");
  font-weight: 800;
}
@font-face {
  font-family: "sfui";
  src: url('SFUIDisplay-Black.woff') format("truetype"), url('SFUIDisplay-Black.woff') format("woff");
  font-weight: 900;
}
/*** Opportunity  ***/
/*** Opportunity  ***/
:root {
  --primary-color:#bbbdba;
  --primary2-color: #bbbdba;
  --primary-color-lighter:#d4d6d3;
  --blue-color:#1da9e7;
  --orange-color: #f8971d;
  --danger-color:#e21b24;
  --danger2-color:#ff005d;
  --black-color:#303030;
  --black-grey-color:#2B3443;
  --light-black-color:#65666A;
  --grey-color:#94959c;
  --light-grey-color:rgba(198, 201, 210, 0.5);
  --lighter-grey: #E3E3E3;
  --light-grey: #f2f2f2;
  --light-blue-grey: #cdd0d8;
  --grish-color:#97a3a9;
  --white-color:#ffffff;
  --container-width: 72.5%;
}

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

@font-face {
  font-family: "signationFont";
  src: url('RAGE.ttf') format("truetype");
}
@font-face {
  font-family: "sfui";
  src: url('SFUIDisplay-Thin.ttf') format("truetype"), url('SFUIDisplay-Thin.woff') format("woff");
  font-weight: 100;
}
@font-face {
  font-family: "sfui";
  src: url('SFUIDisplay-Ultralight.woff') format("truetype"), url('SFUIDisplay-Ultralight.woff') format("woff");
  font-weight: 200;
}
@font-face {
  font-family: "sfui";
  src: url('SFUIDisplay-Light.woff') format("truetype"), url('SFUIDisplay-Light.woff') format("woff");
  font-weight: 300;
}
@font-face {
  font-family: "sfui";
  src: url('SFUIDisplay-Regular.woff') format("truetype"), url('SFUIDisplay-Regular.woff') format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "sfui";
  src: url('SFUIDisplay-Medium.woff') format("truetype"), url('SFUIDisplay-Medium.woff') format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "sfui";
  src: url('SFUIDisplay-Bold.woff') format("truetype"), url('SFUIDisplay-Bold.woff') format("woff");
  font-weight: 600;
}
@font-face {
  font-family: "sfui";
  src: url('SFUIDisplay-Semibold.woff') format("truetype"), url('SFUIDisplay-Semibold.woff') format("woff");
  font-weight: 700;
}
@font-face {
  font-family: "sfui";
  src: url('SFUIDisplay-Heavy.woff') format("truetype"), url('SFUIDisplay-Heavy.woff') format("woff");
  font-weight: 800;
}
@font-face {
  font-family: "sfui";
  src: url('SFUIDisplay-Black.woff') format("truetype"), url('SFUIDisplay-Black.woff') format("woff");
  font-weight: 900;
}
/*** Opportunity  ***/
/*** Opportunity  ***/
:root {
  --primary-color:#bbbdba;
  --primary2-color: #bbbdba;
  --primary-color-lighter:#d4d6d3;
  --blue-color:#1da9e7;
  --orange-color: #f8971d;
  --danger-color:#e21b24;
  --danger2-color:#ff005d;
  --black-color:#303030;
  --black-grey-color:#2B3443;
  --light-black-color:#65666A;
  --grey-color:#94959c;
  --light-grey-color:rgba(198, 201, 210, 0.5);
  --lighter-grey: #E3E3E3;
  --light-grey: #f2f2f2;
  --light-blue-grey: #cdd0d8;
  --grish-color:#97a3a9;
  --white-color:#ffffff;
  --container-width: 72.5%;
}

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

.sellexebtnoutline {
  border: solid 0.063rem #91C741;
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem 0.75rem 1rem;
  color: #91C741;
  font-weight: 700;
  font-style: normal;
}

.sellexeiconbtnoutline {
  border: solid 0.063rem #91C741 !important;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem 0.75rem 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-style: none;
  font-weight: 700;
  font-size: var(--fs-1-rem);
  line-height: 1.5rem;
  text-align: center;
  color: #91C741;
  background-color: #fff;
}

.sellexeiconbtnoutline .btnico {
  margin-top: 0.063rem;
  margin-right: 0.75rem;
}

.sellexeiconbtnoutline .btntxt {
  margin: 0.125rem 0 0 0;
}

.sellexeiconbtn {
  background-color: #91C741;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem 0.75rem 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-style: none;
  font-weight: 700;
  font-size: var(--fs-1-rem);
  line-height: 1.5rem;
  text-align: center;
  color: #fff;
}

.sellexeiconbtn .btnico {
  margin-top: 0.063rem;
  margin-right: 0.75rem;
}

.sellexeiconbtn .btntxt {
  margin: 0.125rem 0 0 0;
}

.btnsellexeprimary {
  background-color: #91c741;
  padding: 0.75rem 1rem 0.75rem 1rem;
  border-radius: 0.5rem;
  font-size: var(--fs-1-rem);
  line-height: 1.5rem;
  text-align: center;
  font-weight: 700;
  color: #fff;
  border-style: none;
}

.btnsellexesecondary {
  background-color: #fff;
  border: solid 0.063rem #91c741;
  padding: 0rem 1rem 0rem 1rem;
  border-radius: 0.5rem;
  font-size: var(--fs-1-rem);
  line-height: 1.5rem;
  text-align: center;
  font-weight: 700;
  height: 3rem;
  color: #91c741;
}

.sellexeroundbtn {
  background-color: #93c74b;
  padding: 0.625rem;
  border-radius: 62.438rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}

.inlineboxformfield {
  background-color: #fff;
  border: solid 0.063rem #dfdfe1;
  border-radius: 0.5rem;
  padding: 0.75rem;
  display: flex;
  flex-direction: row;
  justify-content: left;
}

.inlineboxformfield label {
  color: #94959c;
  font-size: var(--fs-1-rem);
  line-height: 1.5rem;
  font-weight: 400;
}

.inlineboxformfield .mat-select-value {
  color: #91C741;
  font-size: var(--fs-1-rem);
  line-height: 1.5rem;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.viewbybox {
  background-color: #fff;
  border-radius: 0.5rem;
  border: solid 0.063rem #dfdfe1;
  padding: 0.75rem;
  height: 3rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.viewbybox label {
  color: #94959c;
  font-size: var(--fs-1-rem);
  line-height: 1.5rem;
  font-weight: 400;
  cursor: pointer;
}
.viewbybox .selectedtxt {
  color: #91c741;
  font-weight: 700;
  margin-left: 0.625rem;
  min-width: 5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.viewbybox .arrowicon {
  margin-left: auto;
  cursor: pointer;
}

.filterbackdrop {
  width: 100vw !important;
  background-color: rgba(0, 0, 0, 0.3);
}

.sellexe-snackbar-success {
  background-color: #93c74b;
  color: #fff;
}

.sellexe-snackbar-error {
  background-color: #dd5451;
  color: #fff;
}

.sellexecheckbox2 .mat-checkbox-frame {
  border-color: #91c741 !important;
}
.sellexecheckbox2 .mat-checkbox-inner-container {
  border-radius: 0.25rem !important;
}
.sellexecheckbox2 .mat-checkbox-checked .mat-checkbox-background {
  background-color: #f9f5ff !important;
}
.sellexecheckbox2 .mat-checkbox-checked .mat-checkbox-inner-container {
  border: solid 0.125rem #91C741;
}
.sellexecheckbox2 .mat-checkbox-checkmark-path {
  stroke: #91c741 !important;
}
.sellexecheckbox2 .mat-checkbox-frame {
  border-radius: 0.25rem !important;
}
.sellexecheckbox2 .mat-checkbox-checkmark-path {
  stroke-width: 0.25rem !important;
}
.sellexecheckbox2 .mat-ink-ripple {
  background-color: rgba(145, 199, 65, 0.26) !important;
}

.sellexecheckbox .mat-checkbox-inner-container {
  border-radius: 0.25rem !important;
}
.sellexecheckbox .mat-checkbox-checked .mat-checkbox-background {
  background-color: #91C741 !important;
}
.sellexecheckbox .mat-checkbox-checked .mat-checkbox-inner-container {
  border: solid 0.063rem #91C741;
}
.sellexecheckbox .mat-checkbox-frame {
  border-radius: 0.25rem !important;
}
.sellexecheckbox .mat-checkbox-checkmark-path {
  stroke-width: 0.25rem !important;
}
.sellexecheckbox .mat-ink-ripple {
  background-color: rgba(145, 199, 65, 0.26) !important;
}

.sellexeradiobtn .mat-radio-checked .mat-radio-inner-circle {
  background-color: #91C741 !important;
}
.sellexeradiobtn .mat-radio-checked .mat-radio-outer-circle {
  border-color: #91C741 !important;
}

::ng-deep .sellexeslidetogglebtn .mat-slide-toggle-bar {
  width: 2.25rem !important;
  height: 1.25rem !important;
}
::ng-deep .sellexeslidetogglebtn .mat-slide-toggle-thumb-container {
  width: 1rem !important;
  height: 1rem !important;
  top: 0.125rem !important;
  left: 0.125rem !important;
}
::ng-deep .sellexeslidetogglebtn .mat-checked .mat-slide-toggle-thumb {
  background-color: #91C741 !important;
  width: 1rem !important;
  height: 1rem !important;
}
::ng-deep .sellexeslidetogglebtn .mat-checked .mat-slide-toggle-bar {
  background-color: #91C741 !important;
}

.sellexerangeslider .ngx-slider-pointer {
  background-color: #91C741 !important;
}
.sellexerangeslider .ngx-slider-selection {
  background-color: #91C741 !important;
}
.sellexerangeslider .ngx-slider-active:after {
  background-color: rgba(145, 199, 65, 0.26) !important;
}

.sellexeaccordion .mat-expansion-panel-spacing {
  margin: 0rem;
}
.sellexeaccordion .mat-expansion-panel-header {
  padding-right: 0rem;
}
.sellexeaccordion .mat-expansion-panel {
  border-radius: 0rem !important;
  border-bottom: solid 0.063rem #e4e7eb;
}
.sellexeaccordion .mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: none !important;
}
.sellexeaccordion .mat-expansion-panel-header-title {
  padding: 0.438rem 0 0.438rem 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.sellexeaccordion .mat-expansion-panel-header-title .icobox {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.sellexeaccordion .mat-expansion-panel-header-title .icobox h4.smalllabel1 {
  color: #93c74b;
  font-size: var(--fs-0-75-rem);
  text-transform: uppercase;
  margin-top: 0.375rem;
  margin-right: 0.375rem;
}

.sellexeautocomplete .mat-form-field-suffix {
  top: -0.125rem !important;
}

.sellexecalendar .mat-calendar-body-selected {
  background-color: #91C741 !important;
}
.sellexecalendar .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: #91C741 !important;
  color: white !important;
}
.sellexecalendar .mat-datepicker-content {
  z-index: 9999999999 !important;
}

.sellexetime .mat-toolbar.mat-primary {
  background-color: #91c741 !important;
}
.sellexetime .mat-mini-fab.mat-primary {
  background-color: #91c741 !important;
}
.sellexetime .mat-button.mat-primary {
  color: #91c741 !important;
}

.sellexespinner .mat-progress-spinner circle,
.sellexespinner .mat-spinner circle {
  stroke: #91C741 !important;
}

.sellexeboxinput {
  border: solid 0.063rem #e4e7eb;
  border-radius: 0.5rem;
  position: relative;
}
.sellexeboxinput .sellexeboxinputcaption {
  font-size: var(--fs-0-75-rem);
  background-color: #fff;
  position: absolute;
  top: -0.625rem;
  left: 0.75rem;
  color: #94959c;
}
.sellexeboxinput .sellexeboxinputtags {
  overflow-y: auto;
  padding: 0.75rem;
}
.sellexeboxinput .ng2-tag-input {
  border: none 0rem !important;
}
.sellexeboxinput .tag-wrapper {
  font-size: var(--fs-0-75-rem);
}

.sellexeform .mat-focused .mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}
.sellexeform .mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: #91C741 !important;
}
.sellexeform .mat-input-element:disabled {
  color: #94959c !important;
}

.sellexeimgcontainerbox {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
}
.sellexeimgcontainerbox .imgbox {
  width: 2.5rem;
  height: 2.5rem;
}
.sellexeimgcontainerbox .imgbox img {
  border-radius: 2.5rem;
}
.sellexeimgcontainerbox .imgcontentbox {
  display: flex;
  flex-direction: column;
  margin-left: 0.625rem;
}
.sellexeimgcontainerbox .imgcontentbox .imgboxtitle {
  color: #000000;
  font-weight: 700;
  font-size: var(--fs-0-875-rem);
  line-height: 1.25rem;
  margin-bottom: 0;
}
.sellexeimgcontainerbox .imgcontentbox .imgboxtitle2 {
  color: #000000;
  font-weight: 700;
  font-size: var(--fs-0-875-rem);
  line-height: 1.25rem;
  margin-top: 0.563rem;
}
.sellexeimgcontainerbox .imgcontentbox .imgboxsubtitle {
  color: #303030;
  font-weight: 400;
  font-size: var(--fs-0-75-rem);
  line-height: 1.125rem;
  margin-bottom: 0;
}

.sellexetagItem {
  background-color: #f4f4f5;
  border-radius: 0.5rem;
  padding: 0.25rem 0.75rem;
  font-weight: 400;
  font-size: var(--fs-1-rem);
  line-height: 1.5rem;
  color: #303030;
  margin: 0rem 0.938rem 0 0;
}

.sellexelineartab {
  border-bottom: solid 0.063rem #dfdfe1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.sellexelineartab h4 {
  color: #94959c;
  font-weight: 400;
  font-size: var(--fs-1-rem);
  line-height: 1.5rem;
  width: 7.5rem;
  cursor: pointer;
  text-align: center;
  border-bottom: solid 0.063rem #dfdfe1;
  margin-bottom: -0.063rem;
  padding-bottom: 0.5rem;
}
.sellexelineartab h4.selected {
  color: #91c741;
  border-bottom: solid 0.125rem #91c741;
}

.sellexecontacttypedropdown {
  background-color: #fff;
  border-radius: 0.5rem;
  width: 10.938rem;
}
.sellexecontacttypedropdown .contacttypeitem {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.sellexecontacttypedropdown .contacttypeitem img {
  margin-right: 0.5rem;
}
.sellexecontacttypedropdown .contacttypeitem span {
  color: #344054;
  font-size: var(--fs-0-875-rem);
  line-height: 1.25rem;
  font-weight: 400;
}

.cdk-overlay-container {
  z-index: 9999999999 !important;
}

.viewbydd {
  width: 12.125rem;
  height: 3rem;
  align-items: center;
}

.viewbydd label {
  width: 6.875rem;
  -webkit-margin-end: 0.375rem;
          margin-inline-end: 0.375rem;
}

.viewbydd .mat-select-value {
  width: 4.375rem !important;
}

.viewbydd .mat-select-trigger {
  justify-content: space-between !important;
}

.viewbydd .cdk-overlay-pane {
  transform: translateX(-5.25rem) translateY(-0.938rem) !important;
}

.selectoverlayclass {
  transform: translateX(-5.25rem) translateY(-0.938rem) !important;
}

.sellexepopup {
  background-color: #fff;
  padding: 3rem;
  border-radius: 0.5rem;
}
.sellexepopup .simplepopupheader {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.sellexepopup .simplepopupheader h4 {
  color: #303030;
  font-weight: 700;
  font-size: var(--fs-1-25-rem);
  line-height: 1.875rem;
}
.sellexepopup .simplepopupheader .closeico {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}

.sellexeslidingpanel {
  background-color: #fff;
  padding: 1.25rem;
}
.sellexeslidingpanel .slidingpanelheader {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.sellexeslidingpanel .slidingpanelheader h4 {
  color: #303030;
  font-weight: 700;
  font-size: var(--fs-1-25-rem);
  line-height: 1.875rem;
}
.sellexeslidingpanel .slidingpanelheader .closeico {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}

.sellexebtnthumbs {
  width: 4.5rem;
  height: 2.75rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem 0.5rem 0.75rem;
  border: solid 0.063rem #dfdfe1;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  margin-right: 0.5rem;
}
.sellexebtnthumbs .sellexebtnthumbico {
  width: 1.25rem;
  height: 1.25rem;
}
.sellexebtnthumbs .sellexebtnthumbtxt {
  color: #344054;
  font-weight: 400;
  font-size: var(--fs-0-875-rem);
  line-height: 1.25rem;
  margin-top: 0.188rem;
}
.sellexebtnthumbs.selected {
  background-color: #91c741;
}
.sellexebtnthumbs.selected .sellexebtnthumbtxt {
  color: #fff;
}

.sellexegridnew {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.sellexegridnew .sellexegridheader {
  background-color: #edf3ff;
  border-radius: 0.5rem;
  padding: 0.5rem 1.5rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.sellexegridnew .sellexegridheader h5 {
  color: #000000;
  font-weight: 700;
  font-size: var(--fs-0-875-rem);
  line-height: 1.25rem;
  text-align: left;
  display: flex;
  align-items: center;
}
.sellexegridnew .sellexegridbody .sellexerow {
  background-color: #fff;
  border-radius: 0.313rem;
  box-shadow: 0rem 0.625rem 1.25rem rgba(198, 201, 210, 0.25);
  padding: 0.75rem 1.5rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 0.625rem 0;
  cursor: pointer;
}
.sellexegridnew .sellexegridbody .sellexerow .sellexerowcol {
  font-weight: 400;
  font-size: var(--fs-0-875-rem);
  line-height: 1.25rem;
  color: #303030;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  display: flex;
  align-items: center;
}
.sellexegridnew .sellexegridbody .sellexerow .sellexerowcol.strong {
  font-weight: 700;
}

.text-success {
  color: #93C74B !important;
}

.overflowtxt {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.invisible {
  display: none;
}

.visible {
  display: block;
}

.sellexe__btn_primary {
  background-color: #93C74B;
}
.sellexe__btn_secondary {
  border: 0.063rem solid #93C74B;
  background-color: #fff;
  color: #93C74B;
}
.sellexe__btn_danger {
  border: 0.063rem solid #F25353;
  background-color: #fff;
  color: #F25353;
}

.bg-success {
  background-color: #93C74B !important;
}

.break-line {
  margin: 1.5rem 0rem;
  border: none;
  border-bottom: 0.031rem solid #94959c;
}

.my-app-details-tooltip {
  color: #fff !important;
  border-radius: 0.25rem !important;
  margin: 0.875rem !important;
  max-width: 25rem !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  background-color: black !important;
  font-size: var(--fs-0-875-rem) !important;
  margin-right: 0rem !important;
  margin-left: -9.375rem !important;
}

.sx-grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
}

.sx-grid > .sx-col,
.sx-grid > [class*=col] {
  box-sizing: border-box;
}

.sx-grid-nogutter {
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
}

.sx-grid-nogutter > .sx-col,
.sx-grid-nogutter > [class*=col-] {
  padding: 0;
}

.sx-col {
  flex-grow: 1;
  flex-basis: 0;
  padding: 0.5rem;
}

.sx-col-fixed {
  flex: 0 0 auto;
  padding: 0.5rem;
}

.sx-col-1 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 8.3333%;
}

.sx-col-2 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 16.6667%;
}

.sx-col-3 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 25%;
}

.sx-col-4 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 33.3333%;
}

.sx-col-5 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 41.6667%;
}

.sx-col-6 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 50%;
}

.sx-col-7 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 58.3333%;
}

.sx-col-8 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 66.6667%;
}

.sx-col-9 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 75%;
}

.sx-col-10 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 83.3333%;
}

.sx-col-11 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 91.6667%;
}

.sx-col-12 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 100%;
}

@media screen and (min-width: 576px) {
  .sx-sm\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .sx-sm\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .sx-sm\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .sx-sm\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .sx-sm\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .sx-sm\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .sx-sm\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .sx-sm\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .sx-sm\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .sx-sm\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .sx-sm\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .sx-sm\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .sx-sm\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .sx-sm\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .sx-md\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .sx-md\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .sx-md\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .sx-md\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .sx-md\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .sx-md\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .sx-md\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .sx-md\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .sx-md\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .sx-md\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .sx-md\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .sx-md\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .sx-md\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .sx-lg\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .sx-lg\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .sx-lg\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .sx-lg\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .sx-lg\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .sx-lg\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .sx-lg\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .sx-lg\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .sx-lg\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .sx-lg\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .sx-lg\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .sx-lg\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .sx-lg\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .sx-xl\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .sx-xl\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .sx-xl\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .sx-xl\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .sx-xl\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .sx-xl\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .sx-xl\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .sx-xl\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .sx-xl\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .sx-xl\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .sx-xl\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .sx-xl\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .sx-xl\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
.sx-col-offset-0 {
  margin-left: 0 !important;
}

.sx-col-offset-1 {
  margin-left: 8.3333% !important;
}

.sx-col-offset-2 {
  margin-left: 16.6667% !important;
}

.sx-col-offset-3 {
  margin-left: 25% !important;
}

.sx-col-offset-4 {
  margin-left: 33.3333% !important;
}

.sx-col-offset-5 {
  margin-left: 41.6667% !important;
}

.sx-col-offset-6 {
  margin-left: 50% !important;
}

.sx-col-offset-7 {
  margin-left: 58.3333% !important;
}

.sx-col-offset-8 {
  margin-left: 66.6667% !important;
}

.sx-col-offset-9 {
  margin-left: 75% !important;
}

.sx-col-offset-10 {
  margin-left: 83.3333% !important;
}

.sx-col-offset-11 {
  margin-left: 91.6667% !important;
}

.sx-col-offset-12 {
  margin-left: 100% !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:col-offset-0 {
    margin-left: 0 !important;
  }
  .sx-sm\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .sx-sm\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .sx-sm\:col-offset-3 {
    margin-left: 25% !important;
  }
  .sx-sm\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .sx-sm\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .sx-sm\:col-offset-6 {
    margin-left: 50% !important;
  }
  .sx-sm\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .sx-sm\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .sx-sm\:col-offset-9 {
    margin-left: 75% !important;
  }
  .sx-sm\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .sx-sm\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .sx-sm\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:col-offset-0 {
    margin-left: 0 !important;
  }
  .sx-md\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .sx-md\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .sx-md\:col-offset-3 {
    margin-left: 25% !important;
  }
  .sx-md\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .sx-md\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .sx-md\:col-offset-6 {
    margin-left: 50% !important;
  }
  .sx-md\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .sx-md\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .sx-md\:col-offset-9 {
    margin-left: 75% !important;
  }
  .sx-md\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .sx-md\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .sx-md\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:col-offset-0 {
    margin-left: 0 !important;
  }
  .sx-lg\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .sx-lg\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .sx-lg\:col-offset-3 {
    margin-left: 25% !important;
  }
  .sx-lg\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .sx-lg\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .sx-lg\:col-offset-6 {
    margin-left: 50% !important;
  }
  .sx-lg\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .sx-lg\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .sx-lg\:col-offset-9 {
    margin-left: 75% !important;
  }
  .sx-lg\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .sx-lg\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .sx-lg\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:col-offset-0 {
    margin-left: 0 !important;
  }
  .sx-xl\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .sx-xl\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .sx-xl\:col-offset-3 {
    margin-left: 25% !important;
  }
  .sx-xl\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .sx-xl\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .sx-xl\:col-offset-6 {
    margin-left: 50% !important;
  }
  .sx-xl\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .sx-xl\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .sx-xl\:col-offset-9 {
    margin-left: 75% !important;
  }
  .sx-xl\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .sx-xl\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .sx-xl\:col-offset-12 {
    margin-left: 100% !important;
  }
}
.sx-text-0 {
  color: var(--surface-0) !important;
}

.sx-text-50 {
  color: var(--surface-50) !important;
}

.sx-text-100 {
  color: var(--surface-100) !important;
}

.sx-text-200 {
  color: var(--surface-200) !important;
}

.sx-text-300 {
  color: var(--surface-300) !important;
}

.sx-text-400 {
  color: var(--surface-400) !important;
}

.sx-text-500 {
  color: var(--surface-500) !important;
}

.sx-text-600 {
  color: var(--surface-600) !important;
}

.sx-text-700 {
  color: var(--surface-700) !important;
}

.sx-text-800 {
  color: var(--surface-800) !important;
}

.sx-text-900 {
  color: var(--surface-900) !important;
}

.sx-focus\:text-0:focus {
  color: var(--surface-0) !important;
}

.sx-hover\:text-0:hover {
  color: var(--surface-0) !important;
}

.sx-active\:text-0:active {
  color: var(--surface-0) !important;
}

.sx-focus\:text-50:focus {
  color: var(--surface-50) !important;
}

.sx-hover\:text-50:hover {
  color: var(--surface-50) !important;
}

.sx-active\:text-50:active {
  color: var(--surface-50) !important;
}

.sx-focus\:text-100:focus {
  color: var(--surface-100) !important;
}

.sx-hover\:text-100:hover {
  color: var(--surface-100) !important;
}

.sx-active\:text-100:active {
  color: var(--surface-100) !important;
}

.sx-focus\:text-200:focus {
  color: var(--surface-200) !important;
}

.sx-hover\:text-200:hover {
  color: var(--surface-200) !important;
}

.sx-active\:text-200:active {
  color: var(--surface-200) !important;
}

.sx-focus\:text-300:focus {
  color: var(--surface-300) !important;
}

.sx-hover\:text-300:hover {
  color: var(--surface-300) !important;
}

.sx-active\:text-300:active {
  color: var(--surface-300) !important;
}

.sx-focus\:text-400:focus {
  color: var(--surface-400) !important;
}

.sx-hover\:text-400:hover {
  color: var(--surface-400) !important;
}

.sx-active\:text-400:active {
  color: var(--surface-400) !important;
}

.sx-focus\:text-500:focus {
  color: var(--surface-500) !important;
}

.sx-hover\:text-500:hover {
  color: var(--surface-500) !important;
}

.sx-active\:text-500:active {
  color: var(--surface-500) !important;
}

.sx-focus\:text-600:focus {
  color: var(--surface-600) !important;
}

.sx-hover\:text-600:hover {
  color: var(--surface-600) !important;
}

.sx-active\:text-600:active {
  color: var(--surface-600) !important;
}

.sx-focus\:text-700:focus {
  color: var(--surface-700) !important;
}

.sx-hover\:text-700:hover {
  color: var(--surface-700) !important;
}

.sx-active\:text-700:active {
  color: var(--surface-700) !important;
}

.sx-focus\:text-800:focus {
  color: var(--surface-800) !important;
}

.sx-hover\:text-800:hover {
  color: var(--surface-800) !important;
}

.sx-active\:text-800:active {
  color: var(--surface-800) !important;
}

.sx-focus\:text-900:focus {
  color: var(--surface-900) !important;
}

.sx-hover\:text-900:hover {
  color: var(--surface-900) !important;
}

.sx-active\:text-900:active {
  color: var(--surface-900) !important;
}

.sx-surface-0 {
  background-color: var(--surface-0) !important;
}

.sx-surface-50 {
  background-color: var(--surface-50) !important;
}

.sx-surface-100 {
  background-color: var(--surface-100) !important;
}

.sx-surface-200 {
  background-color: var(--surface-200) !important;
}

.sx-surface-300 {
  background-color: var(--surface-300) !important;
}

.sx-surface-400 {
  background-color: var(--surface-400) !important;
}

.sx-surface-500 {
  background-color: var(--surface-500) !important;
}

.sx-surface-600 {
  background-color: var(--surface-600) !important;
}

.sx-surface-700 {
  background-color: var(--surface-700) !important;
}

.sx-surface-800 {
  background-color: var(--surface-800) !important;
}

.sx-surface-900 {
  background-color: var(--surface-900) !important;
}

.sx-focus\:surface-0:focus {
  background-color: var(--surface-0) !important;
}

.sx-hover\:surface-0:hover {
  background-color: var(--surface-0) !important;
}

.sx-active\:surface-0:active {
  background-color: var(--surface-0) !important;
}

.sx-focus\:surface-50:focus {
  background-color: var(--surface-50) !important;
}

.sx-hover\:surface-50:hover {
  background-color: var(--surface-50) !important;
}

.sx-active\:surface-50:active {
  background-color: var(--surface-50) !important;
}

.sx-focus\:surface-100:focus {
  background-color: var(--surface-100) !important;
}

.sx-hover\:surface-100:hover {
  background-color: var(--surface-100) !important;
}

.sx-active\:surface-100:active {
  background-color: var(--surface-100) !important;
}

.sx-focus\:surface-200:focus {
  background-color: var(--surface-200) !important;
}

.sx-hover\:surface-200:hover {
  background-color: var(--surface-200) !important;
}

.sx-active\:surface-200:active {
  background-color: var(--surface-200) !important;
}

.sx-focus\:surface-300:focus {
  background-color: var(--surface-300) !important;
}

.sx-hover\:surface-300:hover {
  background-color: var(--surface-300) !important;
}

.sx-active\:surface-300:active {
  background-color: var(--surface-300) !important;
}

.sx-focus\:surface-400:focus {
  background-color: var(--surface-400) !important;
}

.sx-hover\:surface-400:hover {
  background-color: var(--surface-400) !important;
}

.sx-active\:surface-400:active {
  background-color: var(--surface-400) !important;
}

.sx-focus\:surface-500:focus {
  background-color: var(--surface-500) !important;
}

.sx-hover\:surface-500:hover {
  background-color: var(--surface-500) !important;
}

.sx-active\:surface-500:active {
  background-color: var(--surface-500) !important;
}

.sx-focus\:surface-600:focus {
  background-color: var(--surface-600) !important;
}

.sx-hover\:surface-600:hover {
  background-color: var(--surface-600) !important;
}

.sx-active\:surface-600:active {
  background-color: var(--surface-600) !important;
}

.sx-focus\:surface-700:focus {
  background-color: var(--surface-700) !important;
}

.sx-hover\:surface-700:hover {
  background-color: var(--surface-700) !important;
}

.sx-active\:surface-700:active {
  background-color: var(--surface-700) !important;
}

.sx-focus\:surface-800:focus {
  background-color: var(--surface-800) !important;
}

.sx-hover\:surface-800:hover {
  background-color: var(--surface-800) !important;
}

.sx-active\:surface-800:active {
  background-color: var(--surface-800) !important;
}

.sx-focus\:surface-900:focus {
  background-color: var(--surface-900) !important;
}

.sx-hover\:surface-900:hover {
  background-color: var(--surface-900) !important;
}

.sx-active\:surface-900:active {
  background-color: var(--surface-900) !important;
}

.sx-border-0 {
  border-color: var(--surface-0) !important;
}

.sx-border-50 {
  border-color: var(--surface-50) !important;
}

.sx-border-100 {
  border-color: var(--surface-100) !important;
}

.sx-border-200 {
  border-color: var(--surface-200) !important;
}

.sx-border-300 {
  border-color: var(--surface-300) !important;
}

.sx-border-400 {
  border-color: var(--surface-400) !important;
}

.sx-border-500 {
  border-color: var(--surface-500) !important;
}

.sx-border-600 {
  border-color: var(--surface-600) !important;
}

.sx-border-700 {
  border-color: var(--surface-700) !important;
}

.sx-border-800 {
  border-color: var(--surface-800) !important;
}

.sx-border-900 {
  border-color: var(--surface-900) !important;
}

.sx-focus\:border-0:focus {
  border-color: var(--surface-0) !important;
}

.sx-hover\:border-0:hover {
  border-color: var(--surface-0) !important;
}

.sx-active\:border-0:active {
  border-color: var(--surface-0) !important;
}

.sx-focus\:border-50:focus {
  border-color: var(--surface-50) !important;
}

.sx-hover\:border-50:hover {
  border-color: var(--surface-50) !important;
}

.sx-active\:border-50:active {
  border-color: var(--surface-50) !important;
}

.sx-focus\:border-100:focus {
  border-color: var(--surface-100) !important;
}

.sx-hover\:border-100:hover {
  border-color: var(--surface-100) !important;
}

.sx-active\:border-100:active {
  border-color: var(--surface-100) !important;
}

.sx-focus\:border-200:focus {
  border-color: var(--surface-200) !important;
}

.sx-hover\:border-200:hover {
  border-color: var(--surface-200) !important;
}

.sx-active\:border-200:active {
  border-color: var(--surface-200) !important;
}

.sx-focus\:border-300:focus {
  border-color: var(--surface-300) !important;
}

.sx-hover\:border-300:hover {
  border-color: var(--surface-300) !important;
}

.sx-active\:border-300:active {
  border-color: var(--surface-300) !important;
}

.sx-focus\:border-400:focus {
  border-color: var(--surface-400) !important;
}

.sx-hover\:border-400:hover {
  border-color: var(--surface-400) !important;
}

.sx-active\:border-400:active {
  border-color: var(--surface-400) !important;
}

.sx-focus\:border-500:focus {
  border-color: var(--surface-500) !important;
}

.sx-hover\:border-500:hover {
  border-color: var(--surface-500) !important;
}

.sx-active\:border-500:active {
  border-color: var(--surface-500) !important;
}

.sx-focus\:border-600:focus {
  border-color: var(--surface-600) !important;
}

.sx-hover\:border-600:hover {
  border-color: var(--surface-600) !important;
}

.sx-active\:border-600:active {
  border-color: var(--surface-600) !important;
}

.sx-focus\:border-700:focus {
  border-color: var(--surface-700) !important;
}

.sx-hover\:border-700:hover {
  border-color: var(--surface-700) !important;
}

.sx-active\:border-700:active {
  border-color: var(--surface-700) !important;
}

.sx-focus\:border-800:focus {
  border-color: var(--surface-800) !important;
}

.sx-hover\:border-800:hover {
  border-color: var(--surface-800) !important;
}

.sx-active\:border-800:active {
  border-color: var(--surface-800) !important;
}

.sx-focus\:border-900:focus {
  border-color: var(--surface-900) !important;
}

.sx-hover\:border-900:hover {
  border-color: var(--surface-900) !important;
}

.sx-active\:border-900:active {
  border-color: var(--surface-900) !important;
}

.sx-bg-transparent {
  background-color: transparent !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:bg-transparent {
    background-color: transparent !important;
  }
}
.sx-border-transparent {
  border-color: transparent !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:border-transparent {
    border-color: transparent !important;
  }
}
.sx-text-blue-50 {
  color: var(--blue-50) !important;
}

.sx-text-blue-100 {
  color: var(--blue-100) !important;
}

.sx-text-blue-200 {
  color: var(--blue-200) !important;
}

.sx-text-blue-300 {
  color: var(--blue-300) !important;
}

.sx-text-blue-400 {
  color: var(--blue-400) !important;
}

.sx-text-blue-500 {
  color: var(--blue-500) !important;
}

.sx-text-blue-600 {
  color: var(--blue-600) !important;
}

.sx-text-blue-700 {
  color: var(--blue-700) !important;
}

.sx-text-blue-800 {
  color: var(--blue-800) !important;
}

.sx-text-blue-900 {
  color: var(--blue-900) !important;
}

.sx-focus\:text-blue-50:focus {
  color: var(--blue-50) !important;
}

.sx-focus\:text-blue-100:focus {
  color: var(--blue-100) !important;
}

.sx-focus\:text-blue-200:focus {
  color: var(--blue-200) !important;
}

.sx-focus\:text-blue-300:focus {
  color: var(--blue-300) !important;
}

.sx-focus\:text-blue-400:focus {
  color: var(--blue-400) !important;
}

.sx-focus\:text-blue-500:focus {
  color: var(--blue-500) !important;
}

.sx-focus\:text-blue-600:focus {
  color: var(--blue-600) !important;
}

.sx-focus\:text-blue-700:focus {
  color: var(--blue-700) !important;
}

.sx-focus\:text-blue-800:focus {
  color: var(--blue-800) !important;
}

.sx-focus\:text-blue-900:focus {
  color: var(--blue-900) !important;
}

.sx-hover\:text-blue-50:hover {
  color: var(--blue-50) !important;
}

.sx-hover\:text-blue-100:hover {
  color: var(--blue-100) !important;
}

.sx-hover\:text-blue-200:hover {
  color: var(--blue-200) !important;
}

.sx-hover\:text-blue-300:hover {
  color: var(--blue-300) !important;
}

.sx-hover\:text-blue-400:hover {
  color: var(--blue-400) !important;
}

.sx-hover\:text-blue-500:hover {
  color: var(--blue-500) !important;
}

.sx-hover\:text-blue-600:hover {
  color: var(--blue-600) !important;
}

.sx-hover\:text-blue-700:hover {
  color: var(--blue-700) !important;
}

.sx-hover\:text-blue-800:hover {
  color: var(--blue-800) !important;
}

.sx-hover\:text-blue-900:hover {
  color: var(--blue-900) !important;
}

.sx-active\:text-blue-50:active {
  color: var(--blue-50) !important;
}

.sx-active\:text-blue-100:active {
  color: var(--blue-100) !important;
}

.sx-active\:text-blue-200:active {
  color: var(--blue-200) !important;
}

.sx-active\:text-blue-300:active {
  color: var(--blue-300) !important;
}

.sx-active\:text-blue-400:active {
  color: var(--blue-400) !important;
}

.sx-active\:text-blue-500:active {
  color: var(--blue-500) !important;
}

.sx-active\:text-blue-600:active {
  color: var(--blue-600) !important;
}

.sx-active\:text-blue-700:active {
  color: var(--blue-700) !important;
}

.sx-active\:text-blue-800:active {
  color: var(--blue-800) !important;
}

.sx-active\:text-blue-900:active {
  color: var(--blue-900) !important;
}

.sx-text-green-50 {
  color: var(--green-50) !important;
}

.sx-text-green-100 {
  color: var(--green-100) !important;
}

.sx-text-green-200 {
  color: var(--green-200) !important;
}

.sx-text-green-300 {
  color: var(--green-300) !important;
}

.sx-text-green-400 {
  color: var(--green-400) !important;
}

.sx-text-green-500 {
  color: var(--green-500) !important;
}

.sx-text-green-600 {
  color: var(--green-600) !important;
}

.sx-text-green-700 {
  color: var(--green-700) !important;
}

.sx-text-green-800 {
  color: var(--green-800) !important;
}

.sx-text-green-900 {
  color: var(--green-900) !important;
}

.sx-focus\:text-green-50:focus {
  color: var(--green-50) !important;
}

.sx-focus\:text-green-100:focus {
  color: var(--green-100) !important;
}

.sx-focus\:text-green-200:focus {
  color: var(--green-200) !important;
}

.sx-focus\:text-green-300:focus {
  color: var(--green-300) !important;
}

.sx-focus\:text-green-400:focus {
  color: var(--green-400) !important;
}

.sx-focus\:text-green-500:focus {
  color: var(--green-500) !important;
}

.sx-focus\:text-green-600:focus {
  color: var(--green-600) !important;
}

.sx-focus\:text-green-700:focus {
  color: var(--green-700) !important;
}

.sx-focus\:text-green-800:focus {
  color: var(--green-800) !important;
}

.sx-focus\:text-green-900:focus {
  color: var(--green-900) !important;
}

.sx-hover\:text-green-50:hover {
  color: var(--green-50) !important;
}

.sx-hover\:text-green-100:hover {
  color: var(--green-100) !important;
}

.sx-hover\:text-green-200:hover {
  color: var(--green-200) !important;
}

.sx-hover\:text-green-300:hover {
  color: var(--green-300) !important;
}

.sx-hover\:text-green-400:hover {
  color: var(--green-400) !important;
}

.sx-hover\:text-green-500:hover {
  color: var(--green-500) !important;
}

.sx-hover\:text-green-600:hover {
  color: var(--green-600) !important;
}

.sx-hover\:text-green-700:hover {
  color: var(--green-700) !important;
}

.sx-hover\:text-green-800:hover {
  color: var(--green-800) !important;
}

.sx-hover\:text-green-900:hover {
  color: var(--green-900) !important;
}

.sx-active\:text-green-50:active {
  color: var(--green-50) !important;
}

.sx-active\:text-green-100:active {
  color: var(--green-100) !important;
}

.sx-active\:text-green-200:active {
  color: var(--green-200) !important;
}

.sx-active\:text-green-300:active {
  color: var(--green-300) !important;
}

.sx-active\:text-green-400:active {
  color: var(--green-400) !important;
}

.sx-active\:text-green-500:active {
  color: var(--green-500) !important;
}

.sx-active\:text-green-600:active {
  color: var(--green-600) !important;
}

.sx-active\:text-green-700:active {
  color: var(--green-700) !important;
}

.sx-active\:text-green-800:active {
  color: var(--green-800) !important;
}

.sx-active\:text-green-900:active {
  color: var(--green-900) !important;
}

.sx-text-yellow-50 {
  color: var(--yellow-50) !important;
}

.sx-text-yellow-100 {
  color: var(--yellow-100) !important;
}

.sx-text-yellow-200 {
  color: var(--yellow-200) !important;
}

.sx-text-yellow-300 {
  color: var(--yellow-300) !important;
}

.sx-text-yellow-400 {
  color: var(--yellow-400) !important;
}

.sx-text-yellow-500 {
  color: var(--yellow-500) !important;
}

.sx-text-yellow-600 {
  color: var(--yellow-600) !important;
}

.sx-text-yellow-700 {
  color: var(--yellow-700) !important;
}

.sx-text-yellow-800 {
  color: var(--yellow-800) !important;
}

.sx-text-yellow-900 {
  color: var(--yellow-900) !important;
}

.sx-focus\:text-yellow-50:focus {
  color: var(--yellow-50) !important;
}

.sx-focus\:text-yellow-100:focus {
  color: var(--yellow-100) !important;
}

.sx-focus\:text-yellow-200:focus {
  color: var(--yellow-200) !important;
}

.sx-focus\:text-yellow-300:focus {
  color: var(--yellow-300) !important;
}

.sx-focus\:text-yellow-400:focus {
  color: var(--yellow-400) !important;
}

.sx-focus\:text-yellow-500:focus {
  color: var(--yellow-500) !important;
}

.sx-focus\:text-yellow-600:focus {
  color: var(--yellow-600) !important;
}

.sx-focus\:text-yellow-700:focus {
  color: var(--yellow-700) !important;
}

.sx-focus\:text-yellow-800:focus {
  color: var(--yellow-800) !important;
}

.sx-focus\:text-yellow-900:focus {
  color: var(--yellow-900) !important;
}

.sx-hover\:text-yellow-50:hover {
  color: var(--yellow-50) !important;
}

.sx-hover\:text-yellow-100:hover {
  color: var(--yellow-100) !important;
}

.sx-hover\:text-yellow-200:hover {
  color: var(--yellow-200) !important;
}

.sx-hover\:text-yellow-300:hover {
  color: var(--yellow-300) !important;
}

.sx-hover\:text-yellow-400:hover {
  color: var(--yellow-400) !important;
}

.sx-hover\:text-yellow-500:hover {
  color: var(--yellow-500) !important;
}

.sx-hover\:text-yellow-600:hover {
  color: var(--yellow-600) !important;
}

.sx-hover\:text-yellow-700:hover {
  color: var(--yellow-700) !important;
}

.sx-hover\:text-yellow-800:hover {
  color: var(--yellow-800) !important;
}

.sx-hover\:text-yellow-900:hover {
  color: var(--yellow-900) !important;
}

.sx-active\:text-yellow-50:active {
  color: var(--yellow-50) !important;
}

.sx-active\:text-yellow-100:active {
  color: var(--yellow-100) !important;
}

.sx-active\:text-yellow-200:active {
  color: var(--yellow-200) !important;
}

.sx-active\:text-yellow-300:active {
  color: var(--yellow-300) !important;
}

.sx-active\:text-yellow-400:active {
  color: var(--yellow-400) !important;
}

.sx-active\:text-yellow-500:active {
  color: var(--yellow-500) !important;
}

.sx-active\:text-yellow-600:active {
  color: var(--yellow-600) !important;
}

.sx-active\:text-yellow-700:active {
  color: var(--yellow-700) !important;
}

.sx-active\:text-yellow-800:active {
  color: var(--yellow-800) !important;
}

.sx-active\:text-yellow-900:active {
  color: var(--yellow-900) !important;
}

.sx-text-cyan-50 {
  color: var(--cyan-50) !important;
}

.sx-text-cyan-100 {
  color: var(--cyan-100) !important;
}

.sx-text-cyan-200 {
  color: var(--cyan-200) !important;
}

.sx-text-cyan-300 {
  color: var(--cyan-300) !important;
}

.sx-text-cyan-400 {
  color: var(--cyan-400) !important;
}

.sx-text-cyan-500 {
  color: var(--cyan-500) !important;
}

.sx-text-cyan-600 {
  color: var(--cyan-600) !important;
}

.sx-text-cyan-700 {
  color: var(--cyan-700) !important;
}

.sx-text-cyan-800 {
  color: var(--cyan-800) !important;
}

.sx-text-cyan-900 {
  color: var(--cyan-900) !important;
}

.sx-focus\:text-cyan-50:focus {
  color: var(--cyan-50) !important;
}

.sx-focus\:text-cyan-100:focus {
  color: var(--cyan-100) !important;
}

.sx-focus\:text-cyan-200:focus {
  color: var(--cyan-200) !important;
}

.sx-focus\:text-cyan-300:focus {
  color: var(--cyan-300) !important;
}

.sx-focus\:text-cyan-400:focus {
  color: var(--cyan-400) !important;
}

.sx-focus\:text-cyan-500:focus {
  color: var(--cyan-500) !important;
}

.sx-focus\:text-cyan-600:focus {
  color: var(--cyan-600) !important;
}

.sx-focus\:text-cyan-700:focus {
  color: var(--cyan-700) !important;
}

.sx-focus\:text-cyan-800:focus {
  color: var(--cyan-800) !important;
}

.sx-focus\:text-cyan-900:focus {
  color: var(--cyan-900) !important;
}

.sx-hover\:text-cyan-50:hover {
  color: var(--cyan-50) !important;
}

.sx-hover\:text-cyan-100:hover {
  color: var(--cyan-100) !important;
}

.sx-hover\:text-cyan-200:hover {
  color: var(--cyan-200) !important;
}

.sx-hover\:text-cyan-300:hover {
  color: var(--cyan-300) !important;
}

.sx-hover\:text-cyan-400:hover {
  color: var(--cyan-400) !important;
}

.sx-hover\:text-cyan-500:hover {
  color: var(--cyan-500) !important;
}

.sx-hover\:text-cyan-600:hover {
  color: var(--cyan-600) !important;
}

.sx-hover\:text-cyan-700:hover {
  color: var(--cyan-700) !important;
}

.sx-hover\:text-cyan-800:hover {
  color: var(--cyan-800) !important;
}

.sx-hover\:text-cyan-900:hover {
  color: var(--cyan-900) !important;
}

.sx-active\:text-cyan-50:active {
  color: var(--cyan-50) !important;
}

.sx-active\:text-cyan-100:active {
  color: var(--cyan-100) !important;
}

.sx-active\:text-cyan-200:active {
  color: var(--cyan-200) !important;
}

.sx-active\:text-cyan-300:active {
  color: var(--cyan-300) !important;
}

.sx-active\:text-cyan-400:active {
  color: var(--cyan-400) !important;
}

.sx-active\:text-cyan-500:active {
  color: var(--cyan-500) !important;
}

.sx-active\:text-cyan-600:active {
  color: var(--cyan-600) !important;
}

.sx-active\:text-cyan-700:active {
  color: var(--cyan-700) !important;
}

.sx-active\:text-cyan-800:active {
  color: var(--cyan-800) !important;
}

.sx-active\:text-cyan-900:active {
  color: var(--cyan-900) !important;
}

.sx-text-pink-50 {
  color: var(--pink-50) !important;
}

.sx-text-pink-100 {
  color: var(--pink-100) !important;
}

.sx-text-pink-200 {
  color: var(--pink-200) !important;
}

.sx-text-pink-300 {
  color: var(--pink-300) !important;
}

.sx-text-pink-400 {
  color: var(--pink-400) !important;
}

.sx-text-pink-500 {
  color: var(--pink-500) !important;
}

.sx-text-pink-600 {
  color: var(--pink-600) !important;
}

.sx-text-pink-700 {
  color: var(--pink-700) !important;
}

.sx-text-pink-800 {
  color: var(--pink-800) !important;
}

.sx-text-pink-900 {
  color: var(--pink-900) !important;
}

.sx-focus\:text-pink-50:focus {
  color: var(--pink-50) !important;
}

.sx-focus\:text-pink-100:focus {
  color: var(--pink-100) !important;
}

.sx-focus\:text-pink-200:focus {
  color: var(--pink-200) !important;
}

.sx-focus\:text-pink-300:focus {
  color: var(--pink-300) !important;
}

.sx-focus\:text-pink-400:focus {
  color: var(--pink-400) !important;
}

.sx-focus\:text-pink-500:focus {
  color: var(--pink-500) !important;
}

.sx-focus\:text-pink-600:focus {
  color: var(--pink-600) !important;
}

.sx-focus\:text-pink-700:focus {
  color: var(--pink-700) !important;
}

.sx-focus\:text-pink-800:focus {
  color: var(--pink-800) !important;
}

.sx-focus\:text-pink-900:focus {
  color: var(--pink-900) !important;
}

.sx-hover\:text-pink-50:hover {
  color: var(--pink-50) !important;
}

.sx-hover\:text-pink-100:hover {
  color: var(--pink-100) !important;
}

.sx-hover\:text-pink-200:hover {
  color: var(--pink-200) !important;
}

.sx-hover\:text-pink-300:hover {
  color: var(--pink-300) !important;
}

.sx-hover\:text-pink-400:hover {
  color: var(--pink-400) !important;
}

.sx-hover\:text-pink-500:hover {
  color: var(--pink-500) !important;
}

.sx-hover\:text-pink-600:hover {
  color: var(--pink-600) !important;
}

.sx-hover\:text-pink-700:hover {
  color: var(--pink-700) !important;
}

.sx-hover\:text-pink-800:hover {
  color: var(--pink-800) !important;
}

.sx-hover\:text-pink-900:hover {
  color: var(--pink-900) !important;
}

.sx-active\:text-pink-50:active {
  color: var(--pink-50) !important;
}

.sx-active\:text-pink-100:active {
  color: var(--pink-100) !important;
}

.sx-active\:text-pink-200:active {
  color: var(--pink-200) !important;
}

.sx-active\:text-pink-300:active {
  color: var(--pink-300) !important;
}

.sx-active\:text-pink-400:active {
  color: var(--pink-400) !important;
}

.sx-active\:text-pink-500:active {
  color: var(--pink-500) !important;
}

.sx-active\:text-pink-600:active {
  color: var(--pink-600) !important;
}

.sx-active\:text-pink-700:active {
  color: var(--pink-700) !important;
}

.sx-active\:text-pink-800:active {
  color: var(--pink-800) !important;
}

.sx-active\:text-pink-900:active {
  color: var(--pink-900) !important;
}

.sx-text-indigo-50 {
  color: var(--indigo-50) !important;
}

.sx-text-indigo-100 {
  color: var(--indigo-100) !important;
}

.sx-text-indigo-200 {
  color: var(--indigo-200) !important;
}

.sx-text-indigo-300 {
  color: var(--indigo-300) !important;
}

.sx-text-indigo-400 {
  color: var(--indigo-400) !important;
}

.sx-text-indigo-500 {
  color: var(--indigo-500) !important;
}

.sx-text-indigo-600 {
  color: var(--indigo-600) !important;
}

.sx-text-indigo-700 {
  color: var(--indigo-700) !important;
}

.sx-text-indigo-800 {
  color: var(--indigo-800) !important;
}

.sx-text-indigo-900 {
  color: var(--indigo-900) !important;
}

.sx-focus\:text-indigo-50:focus {
  color: var(--indigo-50) !important;
}

.sx-focus\:text-indigo-100:focus {
  color: var(--indigo-100) !important;
}

.sx-focus\:text-indigo-200:focus {
  color: var(--indigo-200) !important;
}

.sx-focus\:text-indigo-300:focus {
  color: var(--indigo-300) !important;
}

.sx-focus\:text-indigo-400:focus {
  color: var(--indigo-400) !important;
}

.sx-focus\:text-indigo-500:focus {
  color: var(--indigo-500) !important;
}

.sx-focus\:text-indigo-600:focus {
  color: var(--indigo-600) !important;
}

.sx-focus\:text-indigo-700:focus {
  color: var(--indigo-700) !important;
}

.sx-focus\:text-indigo-800:focus {
  color: var(--indigo-800) !important;
}

.sx-focus\:text-indigo-900:focus {
  color: var(--indigo-900) !important;
}

.sx-hover\:text-indigo-50:hover {
  color: var(--indigo-50) !important;
}

.sx-hover\:text-indigo-100:hover {
  color: var(--indigo-100) !important;
}

.sx-hover\:text-indigo-200:hover {
  color: var(--indigo-200) !important;
}

.sx-hover\:text-indigo-300:hover {
  color: var(--indigo-300) !important;
}

.sx-hover\:text-indigo-400:hover {
  color: var(--indigo-400) !important;
}

.sx-hover\:text-indigo-500:hover {
  color: var(--indigo-500) !important;
}

.sx-hover\:text-indigo-600:hover {
  color: var(--indigo-600) !important;
}

.sx-hover\:text-indigo-700:hover {
  color: var(--indigo-700) !important;
}

.sx-hover\:text-indigo-800:hover {
  color: var(--indigo-800) !important;
}

.sx-hover\:text-indigo-900:hover {
  color: var(--indigo-900) !important;
}

.sx-active\:text-indigo-50:active {
  color: var(--indigo-50) !important;
}

.sx-active\:text-indigo-100:active {
  color: var(--indigo-100) !important;
}

.sx-active\:text-indigo-200:active {
  color: var(--indigo-200) !important;
}

.sx-active\:text-indigo-300:active {
  color: var(--indigo-300) !important;
}

.sx-active\:text-indigo-400:active {
  color: var(--indigo-400) !important;
}

.sx-active\:text-indigo-500:active {
  color: var(--indigo-500) !important;
}

.sx-active\:text-indigo-600:active {
  color: var(--indigo-600) !important;
}

.sx-active\:text-indigo-700:active {
  color: var(--indigo-700) !important;
}

.sx-active\:text-indigo-800:active {
  color: var(--indigo-800) !important;
}

.sx-active\:text-indigo-900:active {
  color: var(--indigo-900) !important;
}

.sx-text-teal-50 {
  color: var(--teal-50) !important;
}

.sx-text-teal-100 {
  color: var(--teal-100) !important;
}

.sx-text-teal-200 {
  color: var(--teal-200) !important;
}

.sx-text-teal-300 {
  color: var(--teal-300) !important;
}

.sx-text-teal-400 {
  color: var(--teal-400) !important;
}

.sx-text-teal-500 {
  color: var(--teal-500) !important;
}

.sx-text-teal-600 {
  color: var(--teal-600) !important;
}

.sx-text-teal-700 {
  color: var(--teal-700) !important;
}

.sx-text-teal-800 {
  color: var(--teal-800) !important;
}

.sx-text-teal-900 {
  color: var(--teal-900) !important;
}

.sx-focus\:text-teal-50:focus {
  color: var(--teal-50) !important;
}

.sx-focus\:text-teal-100:focus {
  color: var(--teal-100) !important;
}

.sx-focus\:text-teal-200:focus {
  color: var(--teal-200) !important;
}

.sx-focus\:text-teal-300:focus {
  color: var(--teal-300) !important;
}

.sx-focus\:text-teal-400:focus {
  color: var(--teal-400) !important;
}

.sx-focus\:text-teal-500:focus {
  color: var(--teal-500) !important;
}

.sx-focus\:text-teal-600:focus {
  color: var(--teal-600) !important;
}

.sx-focus\:text-teal-700:focus {
  color: var(--teal-700) !important;
}

.sx-focus\:text-teal-800:focus {
  color: var(--teal-800) !important;
}

.sx-focus\:text-teal-900:focus {
  color: var(--teal-900) !important;
}

.sx-hover\:text-teal-50:hover {
  color: var(--teal-50) !important;
}

.sx-hover\:text-teal-100:hover {
  color: var(--teal-100) !important;
}

.sx-hover\:text-teal-200:hover {
  color: var(--teal-200) !important;
}

.sx-hover\:text-teal-300:hover {
  color: var(--teal-300) !important;
}

.sx-hover\:text-teal-400:hover {
  color: var(--teal-400) !important;
}

.sx-hover\:text-teal-500:hover {
  color: var(--teal-500) !important;
}

.sx-hover\:text-teal-600:hover {
  color: var(--teal-600) !important;
}

.sx-hover\:text-teal-700:hover {
  color: var(--teal-700) !important;
}

.sx-hover\:text-teal-800:hover {
  color: var(--teal-800) !important;
}

.sx-hover\:text-teal-900:hover {
  color: var(--teal-900) !important;
}

.sx-active\:text-teal-50:active {
  color: var(--teal-50) !important;
}

.sx-active\:text-teal-100:active {
  color: var(--teal-100) !important;
}

.sx-active\:text-teal-200:active {
  color: var(--teal-200) !important;
}

.sx-active\:text-teal-300:active {
  color: var(--teal-300) !important;
}

.sx-active\:text-teal-400:active {
  color: var(--teal-400) !important;
}

.sx-active\:text-teal-500:active {
  color: var(--teal-500) !important;
}

.sx-active\:text-teal-600:active {
  color: var(--teal-600) !important;
}

.sx-active\:text-teal-700:active {
  color: var(--teal-700) !important;
}

.sx-active\:text-teal-800:active {
  color: var(--teal-800) !important;
}

.sx-active\:text-teal-900:active {
  color: var(--teal-900) !important;
}

.sx-text-orange-50 {
  color: var(--orange-50) !important;
}

.sx-text-orange-100 {
  color: var(--orange-100) !important;
}

.sx-text-orange-200 {
  color: var(--orange-200) !important;
}

.sx-text-orange-300 {
  color: var(--orange-300) !important;
}

.sx-text-orange-400 {
  color: var(--orange-400) !important;
}

.sx-text-orange-500 {
  color: var(--orange-500) !important;
}

.sx-text-orange-600 {
  color: var(--orange-600) !important;
}

.sx-text-orange-700 {
  color: var(--orange-700) !important;
}

.sx-text-orange-800 {
  color: var(--orange-800) !important;
}

.sx-text-orange-900 {
  color: var(--orange-900) !important;
}

.sx-focus\:text-orange-50:focus {
  color: var(--orange-50) !important;
}

.sx-focus\:text-orange-100:focus {
  color: var(--orange-100) !important;
}

.sx-focus\:text-orange-200:focus {
  color: var(--orange-200) !important;
}

.sx-focus\:text-orange-300:focus {
  color: var(--orange-300) !important;
}

.sx-focus\:text-orange-400:focus {
  color: var(--orange-400) !important;
}

.sx-focus\:text-orange-500:focus {
  color: var(--orange-500) !important;
}

.sx-focus\:text-orange-600:focus {
  color: var(--orange-600) !important;
}

.sx-focus\:text-orange-700:focus {
  color: var(--orange-700) !important;
}

.sx-focus\:text-orange-800:focus {
  color: var(--orange-800) !important;
}

.sx-focus\:text-orange-900:focus {
  color: var(--orange-900) !important;
}

.sx-hover\:text-orange-50:hover {
  color: var(--orange-50) !important;
}

.sx-hover\:text-orange-100:hover {
  color: var(--orange-100) !important;
}

.sx-hover\:text-orange-200:hover {
  color: var(--orange-200) !important;
}

.sx-hover\:text-orange-300:hover {
  color: var(--orange-300) !important;
}

.sx-hover\:text-orange-400:hover {
  color: var(--orange-400) !important;
}

.sx-hover\:text-orange-500:hover {
  color: var(--orange-500) !important;
}

.sx-hover\:text-orange-600:hover {
  color: var(--orange-600) !important;
}

.sx-hover\:text-orange-700:hover {
  color: var(--orange-700) !important;
}

.sx-hover\:text-orange-800:hover {
  color: var(--orange-800) !important;
}

.sx-hover\:text-orange-900:hover {
  color: var(--orange-900) !important;
}

.sx-active\:text-orange-50:active {
  color: var(--orange-50) !important;
}

.sx-active\:text-orange-100:active {
  color: var(--orange-100) !important;
}

.sx-active\:text-orange-200:active {
  color: var(--orange-200) !important;
}

.sx-active\:text-orange-300:active {
  color: var(--orange-300) !important;
}

.sx-active\:text-orange-400:active {
  color: var(--orange-400) !important;
}

.sx-active\:text-orange-500:active {
  color: var(--orange-500) !important;
}

.sx-active\:text-orange-600:active {
  color: var(--orange-600) !important;
}

.sx-active\:text-orange-700:active {
  color: var(--orange-700) !important;
}

.sx-active\:text-orange-800:active {
  color: var(--orange-800) !important;
}

.sx-active\:text-orange-900:active {
  color: var(--orange-900) !important;
}

.sx-text-bluegray-50 {
  color: var(--bluegray-50) !important;
}

.sx-text-bluegray-100 {
  color: var(--bluegray-100) !important;
}

.sx-text-bluegray-200 {
  color: var(--bluegray-200) !important;
}

.sx-text-bluegray-300 {
  color: var(--bluegray-300) !important;
}

.sx-text-bluegray-400 {
  color: var(--bluegray-400) !important;
}

.sx-text-bluegray-500 {
  color: var(--bluegray-500) !important;
}

.sx-text-bluegray-600 {
  color: var(--bluegray-600) !important;
}

.sx-text-bluegray-700 {
  color: var(--bluegray-700) !important;
}

.sx-text-bluegray-800 {
  color: var(--bluegray-800) !important;
}

.sx-text-bluegray-900 {
  color: var(--bluegray-900) !important;
}

.sx-focus\:text-bluegray-50:focus {
  color: var(--bluegray-50) !important;
}

.sx-focus\:text-bluegray-100:focus {
  color: var(--bluegray-100) !important;
}

.sx-focus\:text-bluegray-200:focus {
  color: var(--bluegray-200) !important;
}

.sx-focus\:text-bluegray-300:focus {
  color: var(--bluegray-300) !important;
}

.sx-focus\:text-bluegray-400:focus {
  color: var(--bluegray-400) !important;
}

.sx-focus\:text-bluegray-500:focus {
  color: var(--bluegray-500) !important;
}

.sx-focus\:text-bluegray-600:focus {
  color: var(--bluegray-600) !important;
}

.sx-focus\:text-bluegray-700:focus {
  color: var(--bluegray-700) !important;
}

.sx-focus\:text-bluegray-800:focus {
  color: var(--bluegray-800) !important;
}

.sx-focus\:text-bluegray-900:focus {
  color: var(--bluegray-900) !important;
}

.sx-hover\:text-bluegray-50:hover {
  color: var(--bluegray-50) !important;
}

.sx-hover\:text-bluegray-100:hover {
  color: var(--bluegray-100) !important;
}

.sx-hover\:text-bluegray-200:hover {
  color: var(--bluegray-200) !important;
}

.sx-hover\:text-bluegray-300:hover {
  color: var(--bluegray-300) !important;
}

.sx-hover\:text-bluegray-400:hover {
  color: var(--bluegray-400) !important;
}

.sx-hover\:text-bluegray-500:hover {
  color: var(--bluegray-500) !important;
}

.sx-hover\:text-bluegray-600:hover {
  color: var(--bluegray-600) !important;
}

.sx-hover\:text-bluegray-700:hover {
  color: var(--bluegray-700) !important;
}

.sx-hover\:text-bluegray-800:hover {
  color: var(--bluegray-800) !important;
}

.sx-hover\:text-bluegray-900:hover {
  color: var(--bluegray-900) !important;
}

.sx-active\:text-bluegray-50:active {
  color: var(--bluegray-50) !important;
}

.sx-active\:text-bluegray-100:active {
  color: var(--bluegray-100) !important;
}

.sx-active\:text-bluegray-200:active {
  color: var(--bluegray-200) !important;
}

.sx-active\:text-bluegray-300:active {
  color: var(--bluegray-300) !important;
}

.sx-active\:text-bluegray-400:active {
  color: var(--bluegray-400) !important;
}

.sx-active\:text-bluegray-500:active {
  color: var(--bluegray-500) !important;
}

.sx-active\:text-bluegray-600:active {
  color: var(--bluegray-600) !important;
}

.sx-active\:text-bluegray-700:active {
  color: var(--bluegray-700) !important;
}

.sx-active\:text-bluegray-800:active {
  color: var(--bluegray-800) !important;
}

.sx-active\:text-bluegray-900:active {
  color: var(--bluegray-900) !important;
}

.sx-text-purple-50 {
  color: var(--purple-50) !important;
}

.sx-text-purple-100 {
  color: var(--purple-100) !important;
}

.sx-text-purple-200 {
  color: var(--purple-200) !important;
}

.sx-text-purple-300 {
  color: var(--purple-300) !important;
}

.sx-text-purple-400 {
  color: var(--purple-400) !important;
}

.sx-text-purple-500 {
  color: var(--purple-500) !important;
}

.sx-text-purple-600 {
  color: var(--purple-600) !important;
}

.sx-text-purple-700 {
  color: var(--purple-700) !important;
}

.sx-text-purple-800 {
  color: var(--purple-800) !important;
}

.sx-text-purple-900 {
  color: var(--purple-900) !important;
}

.sx-focus\:text-purple-50:focus {
  color: var(--purple-50) !important;
}

.sx-focus\:text-purple-100:focus {
  color: var(--purple-100) !important;
}

.sx-focus\:text-purple-200:focus {
  color: var(--purple-200) !important;
}

.sx-focus\:text-purple-300:focus {
  color: var(--purple-300) !important;
}

.sx-focus\:text-purple-400:focus {
  color: var(--purple-400) !important;
}

.sx-focus\:text-purple-500:focus {
  color: var(--purple-500) !important;
}

.sx-focus\:text-purple-600:focus {
  color: var(--purple-600) !important;
}

.sx-focus\:text-purple-700:focus {
  color: var(--purple-700) !important;
}

.sx-focus\:text-purple-800:focus {
  color: var(--purple-800) !important;
}

.sx-focus\:text-purple-900:focus {
  color: var(--purple-900) !important;
}

.sx-hover\:text-purple-50:hover {
  color: var(--purple-50) !important;
}

.sx-hover\:text-purple-100:hover {
  color: var(--purple-100) !important;
}

.sx-hover\:text-purple-200:hover {
  color: var(--purple-200) !important;
}

.sx-hover\:text-purple-300:hover {
  color: var(--purple-300) !important;
}

.sx-hover\:text-purple-400:hover {
  color: var(--purple-400) !important;
}

.sx-hover\:text-purple-500:hover {
  color: var(--purple-500) !important;
}

.sx-hover\:text-purple-600:hover {
  color: var(--purple-600) !important;
}

.sx-hover\:text-purple-700:hover {
  color: var(--purple-700) !important;
}

.sx-hover\:text-purple-800:hover {
  color: var(--purple-800) !important;
}

.sx-hover\:text-purple-900:hover {
  color: var(--purple-900) !important;
}

.sx-active\:text-purple-50:active {
  color: var(--purple-50) !important;
}

.sx-active\:text-purple-100:active {
  color: var(--purple-100) !important;
}

.sx-active\:text-purple-200:active {
  color: var(--purple-200) !important;
}

.sx-active\:text-purple-300:active {
  color: var(--purple-300) !important;
}

.sx-active\:text-purple-400:active {
  color: var(--purple-400) !important;
}

.sx-active\:text-purple-500:active {
  color: var(--purple-500) !important;
}

.sx-active\:text-purple-600:active {
  color: var(--purple-600) !important;
}

.sx-active\:text-purple-700:active {
  color: var(--purple-700) !important;
}

.sx-active\:text-purple-800:active {
  color: var(--purple-800) !important;
}

.sx-active\:text-purple-900:active {
  color: var(--purple-900) !important;
}

.sx-text-gray-50 {
  color: var(--gray-50) !important;
}

.sx-text-gray-100 {
  color: var(--gray-100) !important;
}

.sx-text-gray-200 {
  color: var(--gray-200) !important;
}

.sx-text-gray-300 {
  color: var(--gray-300) !important;
}

.sx-text-gray-400 {
  color: var(--gray-400) !important;
}

.sx-text-gray-500 {
  color: var(--gray-500) !important;
}

.sx-text-gray-600 {
  color: var(--gray-600) !important;
}

.sx-text-gray-700 {
  color: var(--gray-700) !important;
}

.sx-text-gray-800 {
  color: var(--gray-800) !important;
}

.sx-text-gray-900 {
  color: var(--gray-900) !important;
}

.sx-focus\:text-gray-50:focus {
  color: var(--gray-50) !important;
}

.sx-focus\:text-gray-100:focus {
  color: var(--gray-100) !important;
}

.sx-focus\:text-gray-200:focus {
  color: var(--gray-200) !important;
}

.sx-focus\:text-gray-300:focus {
  color: var(--gray-300) !important;
}

.sx-focus\:text-gray-400:focus {
  color: var(--gray-400) !important;
}

.sx-focus\:text-gray-500:focus {
  color: var(--gray-500) !important;
}

.sx-focus\:text-gray-600:focus {
  color: var(--gray-600) !important;
}

.sx-focus\:text-gray-700:focus {
  color: var(--gray-700) !important;
}

.sx-focus\:text-gray-800:focus {
  color: var(--gray-800) !important;
}

.sx-focus\:text-gray-900:focus {
  color: var(--gray-900) !important;
}

.sx-hover\:text-gray-50:hover {
  color: var(--gray-50) !important;
}

.sx-hover\:text-gray-100:hover {
  color: var(--gray-100) !important;
}

.sx-hover\:text-gray-200:hover {
  color: var(--gray-200) !important;
}

.sx-hover\:text-gray-300:hover {
  color: var(--gray-300) !important;
}

.sx-hover\:text-gray-400:hover {
  color: var(--gray-400) !important;
}

.sx-hover\:text-gray-500:hover {
  color: var(--gray-500) !important;
}

.sx-hover\:text-gray-600:hover {
  color: var(--gray-600) !important;
}

.sx-hover\:text-gray-700:hover {
  color: var(--gray-700) !important;
}

.sx-hover\:text-gray-800:hover {
  color: var(--gray-800) !important;
}

.sx-hover\:text-gray-900:hover {
  color: var(--gray-900) !important;
}

.sx-active\:text-gray-50:active {
  color: var(--gray-50) !important;
}

.sx-active\:text-gray-100:active {
  color: var(--gray-100) !important;
}

.sx-active\:text-gray-200:active {
  color: var(--gray-200) !important;
}

.sx-active\:text-gray-300:active {
  color: var(--gray-300) !important;
}

.sx-active\:text-gray-400:active {
  color: var(--gray-400) !important;
}

.sx-active\:text-gray-500:active {
  color: var(--gray-500) !important;
}

.sx-active\:text-gray-600:active {
  color: var(--gray-600) !important;
}

.sx-active\:text-gray-700:active {
  color: var(--gray-700) !important;
}

.sx-active\:text-gray-800:active {
  color: var(--gray-800) !important;
}

.sx-active\:text-gray-900:active {
  color: var(--gray-900) !important;
}

.sx-text-red-50 {
  color: var(--red-50) !important;
}

.sx-text-red-100 {
  color: var(--red-100) !important;
}

.sx-text-red-200 {
  color: var(--red-200) !important;
}

.sx-text-red-300 {
  color: var(--red-300) !important;
}

.sx-text-red-400 {
  color: var(--red-400) !important;
}

.sx-text-red-500 {
  color: var(--red-500) !important;
}

.sx-text-red-600 {
  color: var(--red-600) !important;
}

.sx-text-red-700 {
  color: var(--red-700) !important;
}

.sx-text-red-800 {
  color: var(--red-800) !important;
}

.sx-text-red-900 {
  color: var(--red-900) !important;
}

.sx-focus\:text-red-50:focus {
  color: var(--red-50) !important;
}

.sx-focus\:text-red-100:focus {
  color: var(--red-100) !important;
}

.sx-focus\:text-red-200:focus {
  color: var(--red-200) !important;
}

.sx-focus\:text-red-300:focus {
  color: var(--red-300) !important;
}

.sx-focus\:text-red-400:focus {
  color: var(--red-400) !important;
}

.sx-focus\:text-red-500:focus {
  color: var(--red-500) !important;
}

.sx-focus\:text-red-600:focus {
  color: var(--red-600) !important;
}

.sx-focus\:text-red-700:focus {
  color: var(--red-700) !important;
}

.sx-focus\:text-red-800:focus {
  color: var(--red-800) !important;
}

.sx-focus\:text-red-900:focus {
  color: var(--red-900) !important;
}

.sx-hover\:text-red-50:hover {
  color: var(--red-50) !important;
}

.sx-hover\:text-red-100:hover {
  color: var(--red-100) !important;
}

.sx-hover\:text-red-200:hover {
  color: var(--red-200) !important;
}

.sx-hover\:text-red-300:hover {
  color: var(--red-300) !important;
}

.sx-hover\:text-red-400:hover {
  color: var(--red-400) !important;
}

.sx-hover\:text-red-500:hover {
  color: var(--red-500) !important;
}

.sx-hover\:text-red-600:hover {
  color: var(--red-600) !important;
}

.sx-hover\:text-red-700:hover {
  color: var(--red-700) !important;
}

.sx-hover\:text-red-800:hover {
  color: var(--red-800) !important;
}

.sx-hover\:text-red-900:hover {
  color: var(--red-900) !important;
}

.sx-active\:text-red-50:active {
  color: var(--red-50) !important;
}

.sx-active\:text-red-100:active {
  color: var(--red-100) !important;
}

.sx-active\:text-red-200:active {
  color: var(--red-200) !important;
}

.sx-active\:text-red-300:active {
  color: var(--red-300) !important;
}

.sx-active\:text-red-400:active {
  color: var(--red-400) !important;
}

.sx-active\:text-red-500:active {
  color: var(--red-500) !important;
}

.sx-active\:text-red-600:active {
  color: var(--red-600) !important;
}

.sx-active\:text-red-700:active {
  color: var(--red-700) !important;
}

.sx-active\:text-red-800:active {
  color: var(--red-800) !important;
}

.sx-active\:text-red-900:active {
  color: var(--red-900) !important;
}

.sx-text-primary-50 {
  color: var(--primary-50) !important;
}

.sx-text-primary-100 {
  color: var(--primary-100) !important;
}

.sx-text-primary-200 {
  color: var(--primary-200) !important;
}

.sx-text-primary-300 {
  color: var(--primary-300) !important;
}

.sx-text-primary-400 {
  color: var(--primary-400) !important;
}

.sx-text-primary-500 {
  color: var(--primary-500) !important;
}

.sx-text-primary-600 {
  color: var(--primary-600) !important;
}

.sx-text-primary-700 {
  color: var(--primary-700) !important;
}

.sx-text-primary-800 {
  color: var(--primary-800) !important;
}

.sx-text-primary-900 {
  color: var(--primary-900) !important;
}

.sx-focus\:text-primary-50:focus {
  color: var(--primary-50) !important;
}

.sx-focus\:text-primary-100:focus {
  color: var(--primary-100) !important;
}

.sx-focus\:text-primary-200:focus {
  color: var(--primary-200) !important;
}

.sx-focus\:text-primary-300:focus {
  color: var(--primary-300) !important;
}

.sx-focus\:text-primary-400:focus {
  color: var(--primary-400) !important;
}

.sx-focus\:text-primary-500:focus {
  color: var(--primary-500) !important;
}

.sx-focus\:text-primary-600:focus {
  color: var(--primary-600) !important;
}

.sx-focus\:text-primary-700:focus {
  color: var(--primary-700) !important;
}

.sx-focus\:text-primary-800:focus {
  color: var(--primary-800) !important;
}

.sx-focus\:text-primary-900:focus {
  color: var(--primary-900) !important;
}

.sx-hover\:text-primary-50:hover {
  color: var(--primary-50) !important;
}

.sx-hover\:text-primary-100:hover {
  color: var(--primary-100) !important;
}

.sx-hover\:text-primary-200:hover {
  color: var(--primary-200) !important;
}

.sx-hover\:text-primary-300:hover {
  color: var(--primary-300) !important;
}

.sx-hover\:text-primary-400:hover {
  color: var(--primary-400) !important;
}

.sx-hover\:text-primary-500:hover {
  color: var(--primary-500) !important;
}

.sx-hover\:text-primary-600:hover {
  color: var(--primary-600) !important;
}

.sx-hover\:text-primary-700:hover {
  color: var(--primary-700) !important;
}

.sx-hover\:text-primary-800:hover {
  color: var(--primary-800) !important;
}

.sx-hover\:text-primary-900:hover {
  color: var(--primary-900) !important;
}

.sx-active\:text-primary-50:active {
  color: var(--primary-50) !important;
}

.sx-active\:text-primary-100:active {
  color: var(--primary-100) !important;
}

.sx-active\:text-primary-200:active {
  color: var(--primary-200) !important;
}

.sx-active\:text-primary-300:active {
  color: var(--primary-300) !important;
}

.sx-active\:text-primary-400:active {
  color: var(--primary-400) !important;
}

.sx-active\:text-primary-500:active {
  color: var(--primary-500) !important;
}

.sx-active\:text-primary-600:active {
  color: var(--primary-600) !important;
}

.sx-active\:text-primary-700:active {
  color: var(--primary-700) !important;
}

.sx-active\:text-primary-800:active {
  color: var(--primary-800) !important;
}

.sx-active\:text-primary-900:active {
  color: var(--primary-900) !important;
}

.sx-bg-blue-50 {
  background-color: var(--blue-50) !important;
}

.sx-bg-blue-100 {
  background-color: var(--blue-100) !important;
}

.sx-bg-blue-200 {
  background-color: var(--blue-200) !important;
}

.sx-bg-blue-300 {
  background-color: var(--blue-300) !important;
}

.sx-bg-blue-400 {
  background-color: var(--blue-400) !important;
}

.sx-bg-blue-500 {
  background-color: var(--blue-500) !important;
}

.sx-bg-blue-600 {
  background-color: var(--blue-600) !important;
}

.sx-bg-blue-700 {
  background-color: var(--blue-700) !important;
}

.sx-bg-blue-800 {
  background-color: var(--blue-800) !important;
}

.sx-bg-blue-900 {
  background-color: var(--blue-900) !important;
}

.sx-focus\:bg-blue-50:focus {
  background-color: var(--blue-50) !important;
}

.sx-focus\:bg-blue-100:focus {
  background-color: var(--blue-100) !important;
}

.sx-focus\:bg-blue-200:focus {
  background-color: var(--blue-200) !important;
}

.sx-focus\:bg-blue-300:focus {
  background-color: var(--blue-300) !important;
}

.sx-focus\:bg-blue-400:focus {
  background-color: var(--blue-400) !important;
}

.sx-focus\:bg-blue-500:focus {
  background-color: var(--blue-500) !important;
}

.sx-focus\:bg-blue-600:focus {
  background-color: var(--blue-600) !important;
}

.sx-focus\:bg-blue-700:focus {
  background-color: var(--blue-700) !important;
}

.sx-focus\:bg-blue-800:focus {
  background-color: var(--blue-800) !important;
}

.sx-focus\:bg-blue-900:focus {
  background-color: var(--blue-900) !important;
}

.sx-hover\:bg-blue-50:hover {
  background-color: var(--blue-50) !important;
}

.sx-hover\:bg-blue-100:hover {
  background-color: var(--blue-100) !important;
}

.sx-hover\:bg-blue-200:hover {
  background-color: var(--blue-200) !important;
}

.sx-hover\:bg-blue-300:hover {
  background-color: var(--blue-300) !important;
}

.sx-hover\:bg-blue-400:hover {
  background-color: var(--blue-400) !important;
}

.sx-hover\:bg-blue-500:hover {
  background-color: var(--blue-500) !important;
}

.sx-hover\:bg-blue-600:hover {
  background-color: var(--blue-600) !important;
}

.sx-hover\:bg-blue-700:hover {
  background-color: var(--blue-700) !important;
}

.sx-hover\:bg-blue-800:hover {
  background-color: var(--blue-800) !important;
}

.sx-hover\:bg-blue-900:hover {
  background-color: var(--blue-900) !important;
}

.sx-active\:bg-blue-50:active {
  background-color: var(--blue-50) !important;
}

.sx-active\:bg-blue-100:active {
  background-color: var(--blue-100) !important;
}

.sx-active\:bg-blue-200:active {
  background-color: var(--blue-200) !important;
}

.sx-active\:bg-blue-300:active {
  background-color: var(--blue-300) !important;
}

.sx-active\:bg-blue-400:active {
  background-color: var(--blue-400) !important;
}

.sx-active\:bg-blue-500:active {
  background-color: var(--blue-500) !important;
}

.sx-active\:bg-blue-600:active {
  background-color: var(--blue-600) !important;
}

.sx-active\:bg-blue-700:active {
  background-color: var(--blue-700) !important;
}

.sx-active\:bg-blue-800:active {
  background-color: var(--blue-800) !important;
}

.sx-active\:bg-blue-900:active {
  background-color: var(--blue-900) !important;
}

.sx-bg-green-50 {
  background-color: var(--green-50) !important;
}

.sx-bg-green-100 {
  background-color: var(--green-100) !important;
}

.sx-bg-green-200 {
  background-color: var(--green-200) !important;
}

.sx-bg-green-300 {
  background-color: var(--green-300) !important;
}

.sx-bg-green-400 {
  background-color: var(--green-400) !important;
}

.sx-bg-green-500 {
  background-color: var(--green-500) !important;
}

.sx-bg-green-600 {
  background-color: var(--green-600) !important;
}

.sx-bg-green-700 {
  background-color: var(--green-700) !important;
}

.sx-bg-green-800 {
  background-color: var(--green-800) !important;
}

.sx-bg-green-900 {
  background-color: var(--green-900) !important;
}

.sx-focus\:bg-green-50:focus {
  background-color: var(--green-50) !important;
}

.sx-focus\:bg-green-100:focus {
  background-color: var(--green-100) !important;
}

.sx-focus\:bg-green-200:focus {
  background-color: var(--green-200) !important;
}

.sx-focus\:bg-green-300:focus {
  background-color: var(--green-300) !important;
}

.sx-focus\:bg-green-400:focus {
  background-color: var(--green-400) !important;
}

.sx-focus\:bg-green-500:focus {
  background-color: var(--green-500) !important;
}

.sx-focus\:bg-green-600:focus {
  background-color: var(--green-600) !important;
}

.sx-focus\:bg-green-700:focus {
  background-color: var(--green-700) !important;
}

.sx-focus\:bg-green-800:focus {
  background-color: var(--green-800) !important;
}

.sx-focus\:bg-green-900:focus {
  background-color: var(--green-900) !important;
}

.sx-hover\:bg-green-50:hover {
  background-color: var(--green-50) !important;
}

.sx-hover\:bg-green-100:hover {
  background-color: var(--green-100) !important;
}

.sx-hover\:bg-green-200:hover {
  background-color: var(--green-200) !important;
}

.sx-hover\:bg-green-300:hover {
  background-color: var(--green-300) !important;
}

.sx-hover\:bg-green-400:hover {
  background-color: var(--green-400) !important;
}

.sx-hover\:bg-green-500:hover {
  background-color: var(--green-500) !important;
}

.sx-hover\:bg-green-600:hover {
  background-color: var(--green-600) !important;
}

.sx-hover\:bg-green-700:hover {
  background-color: var(--green-700) !important;
}

.sx-hover\:bg-green-800:hover {
  background-color: var(--green-800) !important;
}

.sx-hover\:bg-green-900:hover {
  background-color: var(--green-900) !important;
}

.sx-active\:bg-green-50:active {
  background-color: var(--green-50) !important;
}

.sx-active\:bg-green-100:active {
  background-color: var(--green-100) !important;
}

.sx-active\:bg-green-200:active {
  background-color: var(--green-200) !important;
}

.sx-active\:bg-green-300:active {
  background-color: var(--green-300) !important;
}

.sx-active\:bg-green-400:active {
  background-color: var(--green-400) !important;
}

.sx-active\:bg-green-500:active {
  background-color: var(--green-500) !important;
}

.sx-active\:bg-green-600:active {
  background-color: var(--green-600) !important;
}

.sx-active\:bg-green-700:active {
  background-color: var(--green-700) !important;
}

.sx-active\:bg-green-800:active {
  background-color: var(--green-800) !important;
}

.sx-active\:bg-green-900:active {
  background-color: var(--green-900) !important;
}

.sx-bg-yellow-50 {
  background-color: var(--yellow-50) !important;
}

.sx-bg-yellow-100 {
  background-color: var(--yellow-100) !important;
}

.sx-bg-yellow-200 {
  background-color: var(--yellow-200) !important;
}

.sx-bg-yellow-300 {
  background-color: var(--yellow-300) !important;
}

.sx-bg-yellow-400 {
  background-color: var(--yellow-400) !important;
}

.sx-bg-yellow-500 {
  background-color: var(--yellow-500) !important;
}

.sx-bg-yellow-600 {
  background-color: var(--yellow-600) !important;
}

.sx-bg-yellow-700 {
  background-color: var(--yellow-700) !important;
}

.sx-bg-yellow-800 {
  background-color: var(--yellow-800) !important;
}

.sx-bg-yellow-900 {
  background-color: var(--yellow-900) !important;
}

.sx-focus\:bg-yellow-50:focus {
  background-color: var(--yellow-50) !important;
}

.sx-focus\:bg-yellow-100:focus {
  background-color: var(--yellow-100) !important;
}

.sx-focus\:bg-yellow-200:focus {
  background-color: var(--yellow-200) !important;
}

.sx-focus\:bg-yellow-300:focus {
  background-color: var(--yellow-300) !important;
}

.sx-focus\:bg-yellow-400:focus {
  background-color: var(--yellow-400) !important;
}

.sx-focus\:bg-yellow-500:focus {
  background-color: var(--yellow-500) !important;
}

.sx-focus\:bg-yellow-600:focus {
  background-color: var(--yellow-600) !important;
}

.sx-focus\:bg-yellow-700:focus {
  background-color: var(--yellow-700) !important;
}

.sx-focus\:bg-yellow-800:focus {
  background-color: var(--yellow-800) !important;
}

.sx-focus\:bg-yellow-900:focus {
  background-color: var(--yellow-900) !important;
}

.sx-hover\:bg-yellow-50:hover {
  background-color: var(--yellow-50) !important;
}

.sx-hover\:bg-yellow-100:hover {
  background-color: var(--yellow-100) !important;
}

.sx-hover\:bg-yellow-200:hover {
  background-color: var(--yellow-200) !important;
}

.sx-hover\:bg-yellow-300:hover {
  background-color: var(--yellow-300) !important;
}

.sx-hover\:bg-yellow-400:hover {
  background-color: var(--yellow-400) !important;
}

.sx-hover\:bg-yellow-500:hover {
  background-color: var(--yellow-500) !important;
}

.sx-hover\:bg-yellow-600:hover {
  background-color: var(--yellow-600) !important;
}

.sx-hover\:bg-yellow-700:hover {
  background-color: var(--yellow-700) !important;
}

.sx-hover\:bg-yellow-800:hover {
  background-color: var(--yellow-800) !important;
}

.sx-hover\:bg-yellow-900:hover {
  background-color: var(--yellow-900) !important;
}

.sx-active\:bg-yellow-50:active {
  background-color: var(--yellow-50) !important;
}

.sx-active\:bg-yellow-100:active {
  background-color: var(--yellow-100) !important;
}

.sx-active\:bg-yellow-200:active {
  background-color: var(--yellow-200) !important;
}

.sx-active\:bg-yellow-300:active {
  background-color: var(--yellow-300) !important;
}

.sx-active\:bg-yellow-400:active {
  background-color: var(--yellow-400) !important;
}

.sx-active\:bg-yellow-500:active {
  background-color: var(--yellow-500) !important;
}

.sx-active\:bg-yellow-600:active {
  background-color: var(--yellow-600) !important;
}

.sx-active\:bg-yellow-700:active {
  background-color: var(--yellow-700) !important;
}

.sx-active\:bg-yellow-800:active {
  background-color: var(--yellow-800) !important;
}

.sx-active\:bg-yellow-900:active {
  background-color: var(--yellow-900) !important;
}

.sx-bg-cyan-50 {
  background-color: var(--cyan-50) !important;
}

.sx-bg-cyan-100 {
  background-color: var(--cyan-100) !important;
}

.sx-bg-cyan-200 {
  background-color: var(--cyan-200) !important;
}

.sx-bg-cyan-300 {
  background-color: var(--cyan-300) !important;
}

.sx-bg-cyan-400 {
  background-color: var(--cyan-400) !important;
}

.sx-bg-cyan-500 {
  background-color: var(--cyan-500) !important;
}

.sx-bg-cyan-600 {
  background-color: var(--cyan-600) !important;
}

.sx-bg-cyan-700 {
  background-color: var(--cyan-700) !important;
}

.sx-bg-cyan-800 {
  background-color: var(--cyan-800) !important;
}

.sx-bg-cyan-900 {
  background-color: var(--cyan-900) !important;
}

.sx-focus\:bg-cyan-50:focus {
  background-color: var(--cyan-50) !important;
}

.sx-focus\:bg-cyan-100:focus {
  background-color: var(--cyan-100) !important;
}

.sx-focus\:bg-cyan-200:focus {
  background-color: var(--cyan-200) !important;
}

.sx-focus\:bg-cyan-300:focus {
  background-color: var(--cyan-300) !important;
}

.sx-focus\:bg-cyan-400:focus {
  background-color: var(--cyan-400) !important;
}

.sx-focus\:bg-cyan-500:focus {
  background-color: var(--cyan-500) !important;
}

.sx-focus\:bg-cyan-600:focus {
  background-color: var(--cyan-600) !important;
}

.sx-focus\:bg-cyan-700:focus {
  background-color: var(--cyan-700) !important;
}

.sx-focus\:bg-cyan-800:focus {
  background-color: var(--cyan-800) !important;
}

.sx-focus\:bg-cyan-900:focus {
  background-color: var(--cyan-900) !important;
}

.sx-hover\:bg-cyan-50:hover {
  background-color: var(--cyan-50) !important;
}

.sx-hover\:bg-cyan-100:hover {
  background-color: var(--cyan-100) !important;
}

.sx-hover\:bg-cyan-200:hover {
  background-color: var(--cyan-200) !important;
}

.sx-hover\:bg-cyan-300:hover {
  background-color: var(--cyan-300) !important;
}

.sx-hover\:bg-cyan-400:hover {
  background-color: var(--cyan-400) !important;
}

.sx-hover\:bg-cyan-500:hover {
  background-color: var(--cyan-500) !important;
}

.sx-hover\:bg-cyan-600:hover {
  background-color: var(--cyan-600) !important;
}

.sx-hover\:bg-cyan-700:hover {
  background-color: var(--cyan-700) !important;
}

.sx-hover\:bg-cyan-800:hover {
  background-color: var(--cyan-800) !important;
}

.sx-hover\:bg-cyan-900:hover {
  background-color: var(--cyan-900) !important;
}

.sx-active\:bg-cyan-50:active {
  background-color: var(--cyan-50) !important;
}

.sx-active\:bg-cyan-100:active {
  background-color: var(--cyan-100) !important;
}

.sx-active\:bg-cyan-200:active {
  background-color: var(--cyan-200) !important;
}

.sx-active\:bg-cyan-300:active {
  background-color: var(--cyan-300) !important;
}

.sx-active\:bg-cyan-400:active {
  background-color: var(--cyan-400) !important;
}

.sx-active\:bg-cyan-500:active {
  background-color: var(--cyan-500) !important;
}

.sx-active\:bg-cyan-600:active {
  background-color: var(--cyan-600) !important;
}

.sx-active\:bg-cyan-700:active {
  background-color: var(--cyan-700) !important;
}

.sx-active\:bg-cyan-800:active {
  background-color: var(--cyan-800) !important;
}

.sx-active\:bg-cyan-900:active {
  background-color: var(--cyan-900) !important;
}

.sx-bg-pink-50 {
  background-color: var(--pink-50) !important;
}

.sx-bg-pink-100 {
  background-color: var(--pink-100) !important;
}

.sx-bg-pink-200 {
  background-color: var(--pink-200) !important;
}

.sx-bg-pink-300 {
  background-color: var(--pink-300) !important;
}

.sx-bg-pink-400 {
  background-color: var(--pink-400) !important;
}

.sx-bg-pink-500 {
  background-color: var(--pink-500) !important;
}

.sx-bg-pink-600 {
  background-color: var(--pink-600) !important;
}

.sx-bg-pink-700 {
  background-color: var(--pink-700) !important;
}

.sx-bg-pink-800 {
  background-color: var(--pink-800) !important;
}

.sx-bg-pink-900 {
  background-color: var(--pink-900) !important;
}

.sx-focus\:bg-pink-50:focus {
  background-color: var(--pink-50) !important;
}

.sx-focus\:bg-pink-100:focus {
  background-color: var(--pink-100) !important;
}

.sx-focus\:bg-pink-200:focus {
  background-color: var(--pink-200) !important;
}

.sx-focus\:bg-pink-300:focus {
  background-color: var(--pink-300) !important;
}

.sx-focus\:bg-pink-400:focus {
  background-color: var(--pink-400) !important;
}

.sx-focus\:bg-pink-500:focus {
  background-color: var(--pink-500) !important;
}

.sx-focus\:bg-pink-600:focus {
  background-color: var(--pink-600) !important;
}

.sx-focus\:bg-pink-700:focus {
  background-color: var(--pink-700) !important;
}

.sx-focus\:bg-pink-800:focus {
  background-color: var(--pink-800) !important;
}

.sx-focus\:bg-pink-900:focus {
  background-color: var(--pink-900) !important;
}

.sx-hover\:bg-pink-50:hover {
  background-color: var(--pink-50) !important;
}

.sx-hover\:bg-pink-100:hover {
  background-color: var(--pink-100) !important;
}

.sx-hover\:bg-pink-200:hover {
  background-color: var(--pink-200) !important;
}

.sx-hover\:bg-pink-300:hover {
  background-color: var(--pink-300) !important;
}

.sx-hover\:bg-pink-400:hover {
  background-color: var(--pink-400) !important;
}

.sx-hover\:bg-pink-500:hover {
  background-color: var(--pink-500) !important;
}

.sx-hover\:bg-pink-600:hover {
  background-color: var(--pink-600) !important;
}

.sx-hover\:bg-pink-700:hover {
  background-color: var(--pink-700) !important;
}

.sx-hover\:bg-pink-800:hover {
  background-color: var(--pink-800) !important;
}

.sx-hover\:bg-pink-900:hover {
  background-color: var(--pink-900) !important;
}

.sx-active\:bg-pink-50:active {
  background-color: var(--pink-50) !important;
}

.sx-active\:bg-pink-100:active {
  background-color: var(--pink-100) !important;
}

.sx-active\:bg-pink-200:active {
  background-color: var(--pink-200) !important;
}

.sx-active\:bg-pink-300:active {
  background-color: var(--pink-300) !important;
}

.sx-active\:bg-pink-400:active {
  background-color: var(--pink-400) !important;
}

.sx-active\:bg-pink-500:active {
  background-color: var(--pink-500) !important;
}

.sx-active\:bg-pink-600:active {
  background-color: var(--pink-600) !important;
}

.sx-active\:bg-pink-700:active {
  background-color: var(--pink-700) !important;
}

.sx-active\:bg-pink-800:active {
  background-color: var(--pink-800) !important;
}

.sx-active\:bg-pink-900:active {
  background-color: var(--pink-900) !important;
}

.sx-bg-indigo-50 {
  background-color: var(--indigo-50) !important;
}

.sx-bg-indigo-100 {
  background-color: var(--indigo-100) !important;
}

.sx-bg-indigo-200 {
  background-color: var(--indigo-200) !important;
}

.sx-bg-indigo-300 {
  background-color: var(--indigo-300) !important;
}

.sx-bg-indigo-400 {
  background-color: var(--indigo-400) !important;
}

.sx-bg-indigo-500 {
  background-color: var(--indigo-500) !important;
}

.sx-bg-indigo-600 {
  background-color: var(--indigo-600) !important;
}

.sx-bg-indigo-700 {
  background-color: var(--indigo-700) !important;
}

.sx-bg-indigo-800 {
  background-color: var(--indigo-800) !important;
}

.sx-bg-indigo-900 {
  background-color: var(--indigo-900) !important;
}

.sx-focus\:bg-indigo-50:focus {
  background-color: var(--indigo-50) !important;
}

.sx-focus\:bg-indigo-100:focus {
  background-color: var(--indigo-100) !important;
}

.sx-focus\:bg-indigo-200:focus {
  background-color: var(--indigo-200) !important;
}

.sx-focus\:bg-indigo-300:focus {
  background-color: var(--indigo-300) !important;
}

.sx-focus\:bg-indigo-400:focus {
  background-color: var(--indigo-400) !important;
}

.sx-focus\:bg-indigo-500:focus {
  background-color: var(--indigo-500) !important;
}

.sx-focus\:bg-indigo-600:focus {
  background-color: var(--indigo-600) !important;
}

.sx-focus\:bg-indigo-700:focus {
  background-color: var(--indigo-700) !important;
}

.sx-focus\:bg-indigo-800:focus {
  background-color: var(--indigo-800) !important;
}

.sx-focus\:bg-indigo-900:focus {
  background-color: var(--indigo-900) !important;
}

.sx-hover\:bg-indigo-50:hover {
  background-color: var(--indigo-50) !important;
}

.sx-hover\:bg-indigo-100:hover {
  background-color: var(--indigo-100) !important;
}

.sx-hover\:bg-indigo-200:hover {
  background-color: var(--indigo-200) !important;
}

.sx-hover\:bg-indigo-300:hover {
  background-color: var(--indigo-300) !important;
}

.sx-hover\:bg-indigo-400:hover {
  background-color: var(--indigo-400) !important;
}

.sx-hover\:bg-indigo-500:hover {
  background-color: var(--indigo-500) !important;
}

.sx-hover\:bg-indigo-600:hover {
  background-color: var(--indigo-600) !important;
}

.sx-hover\:bg-indigo-700:hover {
  background-color: var(--indigo-700) !important;
}

.sx-hover\:bg-indigo-800:hover {
  background-color: var(--indigo-800) !important;
}

.sx-hover\:bg-indigo-900:hover {
  background-color: var(--indigo-900) !important;
}

.sx-active\:bg-indigo-50:active {
  background-color: var(--indigo-50) !important;
}

.sx-active\:bg-indigo-100:active {
  background-color: var(--indigo-100) !important;
}

.sx-active\:bg-indigo-200:active {
  background-color: var(--indigo-200) !important;
}

.sx-active\:bg-indigo-300:active {
  background-color: var(--indigo-300) !important;
}

.sx-active\:bg-indigo-400:active {
  background-color: var(--indigo-400) !important;
}

.sx-active\:bg-indigo-500:active {
  background-color: var(--indigo-500) !important;
}

.sx-active\:bg-indigo-600:active {
  background-color: var(--indigo-600) !important;
}

.sx-active\:bg-indigo-700:active {
  background-color: var(--indigo-700) !important;
}

.sx-active\:bg-indigo-800:active {
  background-color: var(--indigo-800) !important;
}

.sx-active\:bg-indigo-900:active {
  background-color: var(--indigo-900) !important;
}

.sx-bg-teal-50 {
  background-color: var(--teal-50) !important;
}

.sx-bg-teal-100 {
  background-color: var(--teal-100) !important;
}

.sx-bg-teal-200 {
  background-color: var(--teal-200) !important;
}

.sx-bg-teal-300 {
  background-color: var(--teal-300) !important;
}

.sx-bg-teal-400 {
  background-color: var(--teal-400) !important;
}

.sx-bg-teal-500 {
  background-color: var(--teal-500) !important;
}

.sx-bg-teal-600 {
  background-color: var(--teal-600) !important;
}

.sx-bg-teal-700 {
  background-color: var(--teal-700) !important;
}

.sx-bg-teal-800 {
  background-color: var(--teal-800) !important;
}

.sx-bg-teal-900 {
  background-color: var(--teal-900) !important;
}

.sx-focus\:bg-teal-50:focus {
  background-color: var(--teal-50) !important;
}

.sx-focus\:bg-teal-100:focus {
  background-color: var(--teal-100) !important;
}

.sx-focus\:bg-teal-200:focus {
  background-color: var(--teal-200) !important;
}

.sx-focus\:bg-teal-300:focus {
  background-color: var(--teal-300) !important;
}

.sx-focus\:bg-teal-400:focus {
  background-color: var(--teal-400) !important;
}

.sx-focus\:bg-teal-500:focus {
  background-color: var(--teal-500) !important;
}

.sx-focus\:bg-teal-600:focus {
  background-color: var(--teal-600) !important;
}

.sx-focus\:bg-teal-700:focus {
  background-color: var(--teal-700) !important;
}

.sx-focus\:bg-teal-800:focus {
  background-color: var(--teal-800) !important;
}

.sx-focus\:bg-teal-900:focus {
  background-color: var(--teal-900) !important;
}

.sx-hover\:bg-teal-50:hover {
  background-color: var(--teal-50) !important;
}

.sx-hover\:bg-teal-100:hover {
  background-color: var(--teal-100) !important;
}

.sx-hover\:bg-teal-200:hover {
  background-color: var(--teal-200) !important;
}

.sx-hover\:bg-teal-300:hover {
  background-color: var(--teal-300) !important;
}

.sx-hover\:bg-teal-400:hover {
  background-color: var(--teal-400) !important;
}

.sx-hover\:bg-teal-500:hover {
  background-color: var(--teal-500) !important;
}

.sx-hover\:bg-teal-600:hover {
  background-color: var(--teal-600) !important;
}

.sx-hover\:bg-teal-700:hover {
  background-color: var(--teal-700) !important;
}

.sx-hover\:bg-teal-800:hover {
  background-color: var(--teal-800) !important;
}

.sx-hover\:bg-teal-900:hover {
  background-color: var(--teal-900) !important;
}

.sx-active\:bg-teal-50:active {
  background-color: var(--teal-50) !important;
}

.sx-active\:bg-teal-100:active {
  background-color: var(--teal-100) !important;
}

.sx-active\:bg-teal-200:active {
  background-color: var(--teal-200) !important;
}

.sx-active\:bg-teal-300:active {
  background-color: var(--teal-300) !important;
}

.sx-active\:bg-teal-400:active {
  background-color: var(--teal-400) !important;
}

.sx-active\:bg-teal-500:active {
  background-color: var(--teal-500) !important;
}

.sx-active\:bg-teal-600:active {
  background-color: var(--teal-600) !important;
}

.sx-active\:bg-teal-700:active {
  background-color: var(--teal-700) !important;
}

.sx-active\:bg-teal-800:active {
  background-color: var(--teal-800) !important;
}

.sx-active\:bg-teal-900:active {
  background-color: var(--teal-900) !important;
}

.sx-bg-orange-50 {
  background-color: var(--orange-50) !important;
}

.sx-bg-orange-100 {
  background-color: var(--orange-100) !important;
}

.sx-bg-orange-200 {
  background-color: var(--orange-200) !important;
}

.sx-bg-orange-300 {
  background-color: var(--orange-300) !important;
}

.sx-bg-orange-400 {
  background-color: var(--orange-400) !important;
}

.sx-bg-orange-500 {
  background-color: var(--orange-500) !important;
}

.sx-bg-orange-600 {
  background-color: var(--orange-600) !important;
}

.sx-bg-orange-700 {
  background-color: var(--orange-700) !important;
}

.sx-bg-orange-800 {
  background-color: var(--orange-800) !important;
}

.sx-bg-orange-900 {
  background-color: var(--orange-900) !important;
}

.sx-focus\:bg-orange-50:focus {
  background-color: var(--orange-50) !important;
}

.sx-focus\:bg-orange-100:focus {
  background-color: var(--orange-100) !important;
}

.sx-focus\:bg-orange-200:focus {
  background-color: var(--orange-200) !important;
}

.sx-focus\:bg-orange-300:focus {
  background-color: var(--orange-300) !important;
}

.sx-focus\:bg-orange-400:focus {
  background-color: var(--orange-400) !important;
}

.sx-focus\:bg-orange-500:focus {
  background-color: var(--orange-500) !important;
}

.sx-focus\:bg-orange-600:focus {
  background-color: var(--orange-600) !important;
}

.sx-focus\:bg-orange-700:focus {
  background-color: var(--orange-700) !important;
}

.sx-focus\:bg-orange-800:focus {
  background-color: var(--orange-800) !important;
}

.sx-focus\:bg-orange-900:focus {
  background-color: var(--orange-900) !important;
}

.sx-hover\:bg-orange-50:hover {
  background-color: var(--orange-50) !important;
}

.sx-hover\:bg-orange-100:hover {
  background-color: var(--orange-100) !important;
}

.sx-hover\:bg-orange-200:hover {
  background-color: var(--orange-200) !important;
}

.sx-hover\:bg-orange-300:hover {
  background-color: var(--orange-300) !important;
}

.sx-hover\:bg-orange-400:hover {
  background-color: var(--orange-400) !important;
}

.sx-hover\:bg-orange-500:hover {
  background-color: var(--orange-500) !important;
}

.sx-hover\:bg-orange-600:hover {
  background-color: var(--orange-600) !important;
}

.sx-hover\:bg-orange-700:hover {
  background-color: var(--orange-700) !important;
}

.sx-hover\:bg-orange-800:hover {
  background-color: var(--orange-800) !important;
}

.sx-hover\:bg-orange-900:hover {
  background-color: var(--orange-900) !important;
}

.sx-active\:bg-orange-50:active {
  background-color: var(--orange-50) !important;
}

.sx-active\:bg-orange-100:active {
  background-color: var(--orange-100) !important;
}

.sx-active\:bg-orange-200:active {
  background-color: var(--orange-200) !important;
}

.sx-active\:bg-orange-300:active {
  background-color: var(--orange-300) !important;
}

.sx-active\:bg-orange-400:active {
  background-color: var(--orange-400) !important;
}

.sx-active\:bg-orange-500:active {
  background-color: var(--orange-500) !important;
}

.sx-active\:bg-orange-600:active {
  background-color: var(--orange-600) !important;
}

.sx-active\:bg-orange-700:active {
  background-color: var(--orange-700) !important;
}

.sx-active\:bg-orange-800:active {
  background-color: var(--orange-800) !important;
}

.sx-active\:bg-orange-900:active {
  background-color: var(--orange-900) !important;
}

.sx-bg-bluegray-50 {
  background-color: var(--bluegray-50) !important;
}

.sx-bg-bluegray-100 {
  background-color: var(--bluegray-100) !important;
}

.sx-bg-bluegray-200 {
  background-color: var(--bluegray-200) !important;
}

.sx-bg-bluegray-300 {
  background-color: var(--bluegray-300) !important;
}

.sx-bg-bluegray-400 {
  background-color: var(--bluegray-400) !important;
}

.sx-bg-bluegray-500 {
  background-color: var(--bluegray-500) !important;
}

.sx-bg-bluegray-600 {
  background-color: var(--bluegray-600) !important;
}

.sx-bg-bluegray-700 {
  background-color: var(--bluegray-700) !important;
}

.sx-bg-bluegray-800 {
  background-color: var(--bluegray-800) !important;
}

.sx-bg-bluegray-900 {
  background-color: var(--bluegray-900) !important;
}

.sx-focus\:bg-bluegray-50:focus {
  background-color: var(--bluegray-50) !important;
}

.sx-focus\:bg-bluegray-100:focus {
  background-color: var(--bluegray-100) !important;
}

.sx-focus\:bg-bluegray-200:focus {
  background-color: var(--bluegray-200) !important;
}

.sx-focus\:bg-bluegray-300:focus {
  background-color: var(--bluegray-300) !important;
}

.sx-focus\:bg-bluegray-400:focus {
  background-color: var(--bluegray-400) !important;
}

.sx-focus\:bg-bluegray-500:focus {
  background-color: var(--bluegray-500) !important;
}

.sx-focus\:bg-bluegray-600:focus {
  background-color: var(--bluegray-600) !important;
}

.sx-focus\:bg-bluegray-700:focus {
  background-color: var(--bluegray-700) !important;
}

.sx-focus\:bg-bluegray-800:focus {
  background-color: var(--bluegray-800) !important;
}

.sx-focus\:bg-bluegray-900:focus {
  background-color: var(--bluegray-900) !important;
}

.sx-hover\:bg-bluegray-50:hover {
  background-color: var(--bluegray-50) !important;
}

.sx-hover\:bg-bluegray-100:hover {
  background-color: var(--bluegray-100) !important;
}

.sx-hover\:bg-bluegray-200:hover {
  background-color: var(--bluegray-200) !important;
}

.sx-hover\:bg-bluegray-300:hover {
  background-color: var(--bluegray-300) !important;
}

.sx-hover\:bg-bluegray-400:hover {
  background-color: var(--bluegray-400) !important;
}

.sx-hover\:bg-bluegray-500:hover {
  background-color: var(--bluegray-500) !important;
}

.sx-hover\:bg-bluegray-600:hover {
  background-color: var(--bluegray-600) !important;
}

.sx-hover\:bg-bluegray-700:hover {
  background-color: var(--bluegray-700) !important;
}

.sx-hover\:bg-bluegray-800:hover {
  background-color: var(--bluegray-800) !important;
}

.sx-hover\:bg-bluegray-900:hover {
  background-color: var(--bluegray-900) !important;
}

.sx-active\:bg-bluegray-50:active {
  background-color: var(--bluegray-50) !important;
}

.sx-active\:bg-bluegray-100:active {
  background-color: var(--bluegray-100) !important;
}

.sx-active\:bg-bluegray-200:active {
  background-color: var(--bluegray-200) !important;
}

.sx-active\:bg-bluegray-300:active {
  background-color: var(--bluegray-300) !important;
}

.sx-active\:bg-bluegray-400:active {
  background-color: var(--bluegray-400) !important;
}

.sx-active\:bg-bluegray-500:active {
  background-color: var(--bluegray-500) !important;
}

.sx-active\:bg-bluegray-600:active {
  background-color: var(--bluegray-600) !important;
}

.sx-active\:bg-bluegray-700:active {
  background-color: var(--bluegray-700) !important;
}

.sx-active\:bg-bluegray-800:active {
  background-color: var(--bluegray-800) !important;
}

.sx-active\:bg-bluegray-900:active {
  background-color: var(--bluegray-900) !important;
}

.sx-bg-purple-50 {
  background-color: var(--purple-50) !important;
}

.sx-bg-purple-100 {
  background-color: var(--purple-100) !important;
}

.sx-bg-purple-200 {
  background-color: var(--purple-200) !important;
}

.sx-bg-purple-300 {
  background-color: var(--purple-300) !important;
}

.sx-bg-purple-400 {
  background-color: var(--purple-400) !important;
}

.sx-bg-purple-500 {
  background-color: var(--purple-500) !important;
}

.sx-bg-purple-600 {
  background-color: var(--purple-600) !important;
}

.sx-bg-purple-700 {
  background-color: var(--purple-700) !important;
}

.sx-bg-purple-800 {
  background-color: var(--purple-800) !important;
}

.sx-bg-purple-900 {
  background-color: var(--purple-900) !important;
}

.sx-focus\:bg-purple-50:focus {
  background-color: var(--purple-50) !important;
}

.sx-focus\:bg-purple-100:focus {
  background-color: var(--purple-100) !important;
}

.sx-focus\:bg-purple-200:focus {
  background-color: var(--purple-200) !important;
}

.sx-focus\:bg-purple-300:focus {
  background-color: var(--purple-300) !important;
}

.sx-focus\:bg-purple-400:focus {
  background-color: var(--purple-400) !important;
}

.sx-focus\:bg-purple-500:focus {
  background-color: var(--purple-500) !important;
}

.sx-focus\:bg-purple-600:focus {
  background-color: var(--purple-600) !important;
}

.sx-focus\:bg-purple-700:focus {
  background-color: var(--purple-700) !important;
}

.sx-focus\:bg-purple-800:focus {
  background-color: var(--purple-800) !important;
}

.sx-focus\:bg-purple-900:focus {
  background-color: var(--purple-900) !important;
}

.sx-hover\:bg-purple-50:hover {
  background-color: var(--purple-50) !important;
}

.sx-hover\:bg-purple-100:hover {
  background-color: var(--purple-100) !important;
}

.sx-hover\:bg-purple-200:hover {
  background-color: var(--purple-200) !important;
}

.sx-hover\:bg-purple-300:hover {
  background-color: var(--purple-300) !important;
}

.sx-hover\:bg-purple-400:hover {
  background-color: var(--purple-400) !important;
}

.sx-hover\:bg-purple-500:hover {
  background-color: var(--purple-500) !important;
}

.sx-hover\:bg-purple-600:hover {
  background-color: var(--purple-600) !important;
}

.sx-hover\:bg-purple-700:hover {
  background-color: var(--purple-700) !important;
}

.sx-hover\:bg-purple-800:hover {
  background-color: var(--purple-800) !important;
}

.sx-hover\:bg-purple-900:hover {
  background-color: var(--purple-900) !important;
}

.sx-active\:bg-purple-50:active {
  background-color: var(--purple-50) !important;
}

.sx-active\:bg-purple-100:active {
  background-color: var(--purple-100) !important;
}

.sx-active\:bg-purple-200:active {
  background-color: var(--purple-200) !important;
}

.sx-active\:bg-purple-300:active {
  background-color: var(--purple-300) !important;
}

.sx-active\:bg-purple-400:active {
  background-color: var(--purple-400) !important;
}

.sx-active\:bg-purple-500:active {
  background-color: var(--purple-500) !important;
}

.sx-active\:bg-purple-600:active {
  background-color: var(--purple-600) !important;
}

.sx-active\:bg-purple-700:active {
  background-color: var(--purple-700) !important;
}

.sx-active\:bg-purple-800:active {
  background-color: var(--purple-800) !important;
}

.sx-active\:bg-purple-900:active {
  background-color: var(--purple-900) !important;
}

.sx-bg-gray-50 {
  background-color: var(--gray-50) !important;
}

.sx-bg-gray-100 {
  background-color: var(--gray-100) !important;
}

.sx-bg-gray-200 {
  background-color: var(--gray-200) !important;
}

.sx-bg-gray-300 {
  background-color: var(--gray-300) !important;
}

.sx-bg-gray-400 {
  background-color: var(--gray-400) !important;
}

.sx-bg-gray-500 {
  background-color: var(--gray-500) !important;
}

.sx-bg-gray-600 {
  background-color: var(--gray-600) !important;
}

.sx-bg-gray-700 {
  background-color: var(--gray-700) !important;
}

.sx-bg-gray-800 {
  background-color: var(--gray-800) !important;
}

.sx-bg-gray-900 {
  background-color: var(--gray-900) !important;
}

.sx-focus\:bg-gray-50:focus {
  background-color: var(--gray-50) !important;
}

.sx-focus\:bg-gray-100:focus {
  background-color: var(--gray-100) !important;
}

.sx-focus\:bg-gray-200:focus {
  background-color: var(--gray-200) !important;
}

.sx-focus\:bg-gray-300:focus {
  background-color: var(--gray-300) !important;
}

.sx-focus\:bg-gray-400:focus {
  background-color: var(--gray-400) !important;
}

.sx-focus\:bg-gray-500:focus {
  background-color: var(--gray-500) !important;
}

.sx-focus\:bg-gray-600:focus {
  background-color: var(--gray-600) !important;
}

.sx-focus\:bg-gray-700:focus {
  background-color: var(--gray-700) !important;
}

.sx-focus\:bg-gray-800:focus {
  background-color: var(--gray-800) !important;
}

.sx-focus\:bg-gray-900:focus {
  background-color: var(--gray-900) !important;
}

.sx-hover\:bg-gray-50:hover {
  background-color: var(--gray-50) !important;
}

.sx-hover\:bg-gray-100:hover {
  background-color: var(--gray-100) !important;
}

.sx-hover\:bg-gray-200:hover {
  background-color: var(--gray-200) !important;
}

.sx-hover\:bg-gray-300:hover {
  background-color: var(--gray-300) !important;
}

.sx-hover\:bg-gray-400:hover {
  background-color: var(--gray-400) !important;
}

.sx-hover\:bg-gray-500:hover {
  background-color: var(--gray-500) !important;
}

.sx-hover\:bg-gray-600:hover {
  background-color: var(--gray-600) !important;
}

.sx-hover\:bg-gray-700:hover {
  background-color: var(--gray-700) !important;
}

.sx-hover\:bg-gray-800:hover {
  background-color: var(--gray-800) !important;
}

.sx-hover\:bg-gray-900:hover {
  background-color: var(--gray-900) !important;
}

.sx-active\:bg-gray-50:active {
  background-color: var(--gray-50) !important;
}

.sx-active\:bg-gray-100:active {
  background-color: var(--gray-100) !important;
}

.sx-active\:bg-gray-200:active {
  background-color: var(--gray-200) !important;
}

.sx-active\:bg-gray-300:active {
  background-color: var(--gray-300) !important;
}

.sx-active\:bg-gray-400:active {
  background-color: var(--gray-400) !important;
}

.sx-active\:bg-gray-500:active {
  background-color: var(--gray-500) !important;
}

.sx-active\:bg-gray-600:active {
  background-color: var(--gray-600) !important;
}

.sx-active\:bg-gray-700:active {
  background-color: var(--gray-700) !important;
}

.sx-active\:bg-gray-800:active {
  background-color: var(--gray-800) !important;
}

.sx-active\:bg-gray-900:active {
  background-color: var(--gray-900) !important;
}

.sx-bg-red-50 {
  background-color: var(--red-50) !important;
}

.sx-bg-red-100 {
  background-color: var(--red-100) !important;
}

.sx-bg-red-200 {
  background-color: var(--red-200) !important;
}

.sx-bg-red-300 {
  background-color: var(--red-300) !important;
}

.sx-bg-red-400 {
  background-color: var(--red-400) !important;
}

.sx-bg-red-500 {
  background-color: var(--red-500) !important;
}

.sx-bg-red-600 {
  background-color: var(--red-600) !important;
}

.sx-bg-red-700 {
  background-color: var(--red-700) !important;
}

.sx-bg-red-800 {
  background-color: var(--red-800) !important;
}

.sx-bg-red-900 {
  background-color: var(--red-900) !important;
}

.sx-focus\:bg-red-50:focus {
  background-color: var(--red-50) !important;
}

.sx-focus\:bg-red-100:focus {
  background-color: var(--red-100) !important;
}

.sx-focus\:bg-red-200:focus {
  background-color: var(--red-200) !important;
}

.sx-focus\:bg-red-300:focus {
  background-color: var(--red-300) !important;
}

.sx-focus\:bg-red-400:focus {
  background-color: var(--red-400) !important;
}

.sx-focus\:bg-red-500:focus {
  background-color: var(--red-500) !important;
}

.sx-focus\:bg-red-600:focus {
  background-color: var(--red-600) !important;
}

.sx-focus\:bg-red-700:focus {
  background-color: var(--red-700) !important;
}

.sx-focus\:bg-red-800:focus {
  background-color: var(--red-800) !important;
}

.sx-focus\:bg-red-900:focus {
  background-color: var(--red-900) !important;
}

.sx-hover\:bg-red-50:hover {
  background-color: var(--red-50) !important;
}

.sx-hover\:bg-red-100:hover {
  background-color: var(--red-100) !important;
}

.sx-hover\:bg-red-200:hover {
  background-color: var(--red-200) !important;
}

.sx-hover\:bg-red-300:hover {
  background-color: var(--red-300) !important;
}

.sx-hover\:bg-red-400:hover {
  background-color: var(--red-400) !important;
}

.sx-hover\:bg-red-500:hover {
  background-color: var(--red-500) !important;
}

.sx-hover\:bg-red-600:hover {
  background-color: var(--red-600) !important;
}

.sx-hover\:bg-red-700:hover {
  background-color: var(--red-700) !important;
}

.sx-hover\:bg-red-800:hover {
  background-color: var(--red-800) !important;
}

.sx-hover\:bg-red-900:hover {
  background-color: var(--red-900) !important;
}

.sx-active\:bg-red-50:active {
  background-color: var(--red-50) !important;
}

.sx-active\:bg-red-100:active {
  background-color: var(--red-100) !important;
}

.sx-active\:bg-red-200:active {
  background-color: var(--red-200) !important;
}

.sx-active\:bg-red-300:active {
  background-color: var(--red-300) !important;
}

.sx-active\:bg-red-400:active {
  background-color: var(--red-400) !important;
}

.sx-active\:bg-red-500:active {
  background-color: var(--red-500) !important;
}

.sx-active\:bg-red-600:active {
  background-color: var(--red-600) !important;
}

.sx-active\:bg-red-700:active {
  background-color: var(--red-700) !important;
}

.sx-active\:bg-red-800:active {
  background-color: var(--red-800) !important;
}

.sx-active\:bg-red-900:active {
  background-color: var(--red-900) !important;
}

.sx-bg-primary-50 {
  background-color: var(--primary-50) !important;
}

.sx-bg-primary-100 {
  background-color: var(--primary-100) !important;
}

.sx-bg-primary-200 {
  background-color: var(--primary-200) !important;
}

.sx-bg-primary-300 {
  background-color: var(--primary-300) !important;
}

.sx-bg-primary-400 {
  background-color: var(--primary-400) !important;
}

.sx-bg-primary-500 {
  background-color: var(--primary-500) !important;
}

.sx-bg-primary-600 {
  background-color: var(--primary-600) !important;
}

.sx-bg-primary-700 {
  background-color: var(--primary-700) !important;
}

.sx-bg-primary-800 {
  background-color: var(--primary-800) !important;
}

.sx-bg-primary-900 {
  background-color: var(--primary-900) !important;
}

.sx-focus\:bg-primary-50:focus {
  background-color: var(--primary-50) !important;
}

.sx-focus\:bg-primary-100:focus {
  background-color: var(--primary-100) !important;
}

.sx-focus\:bg-primary-200:focus {
  background-color: var(--primary-200) !important;
}

.sx-focus\:bg-primary-300:focus {
  background-color: var(--primary-300) !important;
}

.sx-focus\:bg-primary-400:focus {
  background-color: var(--primary-400) !important;
}

.sx-focus\:bg-primary-500:focus {
  background-color: var(--primary-500) !important;
}

.sx-focus\:bg-primary-600:focus {
  background-color: var(--primary-600) !important;
}

.sx-focus\:bg-primary-700:focus {
  background-color: var(--primary-700) !important;
}

.sx-focus\:bg-primary-800:focus {
  background-color: var(--primary-800) !important;
}

.sx-focus\:bg-primary-900:focus {
  background-color: var(--primary-900) !important;
}

.sx-hover\:bg-primary-50:hover {
  background-color: var(--primary-50) !important;
}

.sx-hover\:bg-primary-100:hover {
  background-color: var(--primary-100) !important;
}

.sx-hover\:bg-primary-200:hover {
  background-color: var(--primary-200) !important;
}

.sx-hover\:bg-primary-300:hover {
  background-color: var(--primary-300) !important;
}

.sx-hover\:bg-primary-400:hover {
  background-color: var(--primary-400) !important;
}

.sx-hover\:bg-primary-500:hover {
  background-color: var(--primary-500) !important;
}

.sx-hover\:bg-primary-600:hover {
  background-color: var(--primary-600) !important;
}

.sx-hover\:bg-primary-700:hover {
  background-color: var(--primary-700) !important;
}

.sx-hover\:bg-primary-800:hover {
  background-color: var(--primary-800) !important;
}

.sx-hover\:bg-primary-900:hover {
  background-color: var(--primary-900) !important;
}

.sx-active\:bg-primary-50:active {
  background-color: var(--primary-50) !important;
}

.sx-active\:bg-primary-100:active {
  background-color: var(--primary-100) !important;
}

.sx-active\:bg-primary-200:active {
  background-color: var(--primary-200) !important;
}

.sx-active\:bg-primary-300:active {
  background-color: var(--primary-300) !important;
}

.sx-active\:bg-primary-400:active {
  background-color: var(--primary-400) !important;
}

.sx-active\:bg-primary-500:active {
  background-color: var(--primary-500) !important;
}

.sx-active\:bg-primary-600:active {
  background-color: var(--primary-600) !important;
}

.sx-active\:bg-primary-700:active {
  background-color: var(--primary-700) !important;
}

.sx-active\:bg-primary-800:active {
  background-color: var(--primary-800) !important;
}

.sx-active\:bg-primary-900:active {
  background-color: var(--primary-900) !important;
}

.sx-border-blue-50 {
  border-color: var(--blue-50) !important;
}

.sx-border-blue-100 {
  border-color: var(--blue-100) !important;
}

.sx-border-blue-200 {
  border-color: var(--blue-200) !important;
}

.sx-border-blue-300 {
  border-color: var(--blue-300) !important;
}

.sx-border-blue-400 {
  border-color: var(--blue-400) !important;
}

.sx-border-blue-500 {
  border-color: var(--blue-500) !important;
}

.sx-border-blue-600 {
  border-color: var(--blue-600) !important;
}

.sx-border-blue-700 {
  border-color: var(--blue-700) !important;
}

.sx-border-blue-800 {
  border-color: var(--blue-800) !important;
}

.sx-border-blue-900 {
  border-color: var(--blue-900) !important;
}

.sx-focus\:border-blue-50:focus {
  border-color: var(--blue-50) !important;
}

.sx-focus\:border-blue-100:focus {
  border-color: var(--blue-100) !important;
}

.sx-focus\:border-blue-200:focus {
  border-color: var(--blue-200) !important;
}

.sx-focus\:border-blue-300:focus {
  border-color: var(--blue-300) !important;
}

.sx-focus\:border-blue-400:focus {
  border-color: var(--blue-400) !important;
}

.sx-focus\:border-blue-500:focus {
  border-color: var(--blue-500) !important;
}

.sx-focus\:border-blue-600:focus {
  border-color: var(--blue-600) !important;
}

.sx-focus\:border-blue-700:focus {
  border-color: var(--blue-700) !important;
}

.sx-focus\:border-blue-800:focus {
  border-color: var(--blue-800) !important;
}

.sx-focus\:border-blue-900:focus {
  border-color: var(--blue-900) !important;
}

.sx-hover\:border-blue-50:hover {
  border-color: var(--blue-50) !important;
}

.sx-hover\:border-blue-100:hover {
  border-color: var(--blue-100) !important;
}

.sx-hover\:border-blue-200:hover {
  border-color: var(--blue-200) !important;
}

.sx-hover\:border-blue-300:hover {
  border-color: var(--blue-300) !important;
}

.sx-hover\:border-blue-400:hover {
  border-color: var(--blue-400) !important;
}

.sx-hover\:border-blue-500:hover {
  border-color: var(--blue-500) !important;
}

.sx-hover\:border-blue-600:hover {
  border-color: var(--blue-600) !important;
}

.sx-hover\:border-blue-700:hover {
  border-color: var(--blue-700) !important;
}

.sx-hover\:border-blue-800:hover {
  border-color: var(--blue-800) !important;
}

.sx-hover\:border-blue-900:hover {
  border-color: var(--blue-900) !important;
}

.sx-active\:border-blue-50:active {
  border-color: var(--blue-50) !important;
}

.sx-active\:border-blue-100:active {
  border-color: var(--blue-100) !important;
}

.sx-active\:border-blue-200:active {
  border-color: var(--blue-200) !important;
}

.sx-active\:border-blue-300:active {
  border-color: var(--blue-300) !important;
}

.sx-active\:border-blue-400:active {
  border-color: var(--blue-400) !important;
}

.sx-active\:border-blue-500:active {
  border-color: var(--blue-500) !important;
}

.sx-active\:border-blue-600:active {
  border-color: var(--blue-600) !important;
}

.sx-active\:border-blue-700:active {
  border-color: var(--blue-700) !important;
}

.sx-active\:border-blue-800:active {
  border-color: var(--blue-800) !important;
}

.sx-active\:border-blue-900:active {
  border-color: var(--blue-900) !important;
}

.sx-border-green-50 {
  border-color: var(--green-50) !important;
}

.sx-border-green-100 {
  border-color: var(--green-100) !important;
}

.sx-border-green-200 {
  border-color: var(--green-200) !important;
}

.sx-border-green-300 {
  border-color: var(--green-300) !important;
}

.sx-border-green-400 {
  border-color: var(--green-400) !important;
}

.sx-border-green-500 {
  border-color: var(--green-500) !important;
}

.sx-border-green-600 {
  border-color: var(--green-600) !important;
}

.sx-border-green-700 {
  border-color: var(--green-700) !important;
}

.sx-border-green-800 {
  border-color: var(--green-800) !important;
}

.sx-border-green-900 {
  border-color: var(--green-900) !important;
}

.sx-focus\:border-green-50:focus {
  border-color: var(--green-50) !important;
}

.sx-focus\:border-green-100:focus {
  border-color: var(--green-100) !important;
}

.sx-focus\:border-green-200:focus {
  border-color: var(--green-200) !important;
}

.sx-focus\:border-green-300:focus {
  border-color: var(--green-300) !important;
}

.sx-focus\:border-green-400:focus {
  border-color: var(--green-400) !important;
}

.sx-focus\:border-green-500:focus {
  border-color: var(--green-500) !important;
}

.sx-focus\:border-green-600:focus {
  border-color: var(--green-600) !important;
}

.sx-focus\:border-green-700:focus {
  border-color: var(--green-700) !important;
}

.sx-focus\:border-green-800:focus {
  border-color: var(--green-800) !important;
}

.sx-focus\:border-green-900:focus {
  border-color: var(--green-900) !important;
}

.sx-hover\:border-green-50:hover {
  border-color: var(--green-50) !important;
}

.sx-hover\:border-green-100:hover {
  border-color: var(--green-100) !important;
}

.sx-hover\:border-green-200:hover {
  border-color: var(--green-200) !important;
}

.sx-hover\:border-green-300:hover {
  border-color: var(--green-300) !important;
}

.sx-hover\:border-green-400:hover {
  border-color: var(--green-400) !important;
}

.sx-hover\:border-green-500:hover {
  border-color: var(--green-500) !important;
}

.sx-hover\:border-green-600:hover {
  border-color: var(--green-600) !important;
}

.sx-hover\:border-green-700:hover {
  border-color: var(--green-700) !important;
}

.sx-hover\:border-green-800:hover {
  border-color: var(--green-800) !important;
}

.sx-hover\:border-green-900:hover {
  border-color: var(--green-900) !important;
}

.sx-active\:border-green-50:active {
  border-color: var(--green-50) !important;
}

.sx-active\:border-green-100:active {
  border-color: var(--green-100) !important;
}

.sx-active\:border-green-200:active {
  border-color: var(--green-200) !important;
}

.sx-active\:border-green-300:active {
  border-color: var(--green-300) !important;
}

.sx-active\:border-green-400:active {
  border-color: var(--green-400) !important;
}

.sx-active\:border-green-500:active {
  border-color: var(--green-500) !important;
}

.sx-active\:border-green-600:active {
  border-color: var(--green-600) !important;
}

.sx-active\:border-green-700:active {
  border-color: var(--green-700) !important;
}

.sx-active\:border-green-800:active {
  border-color: var(--green-800) !important;
}

.sx-active\:border-green-900:active {
  border-color: var(--green-900) !important;
}

.sx-border-yellow-50 {
  border-color: var(--yellow-50) !important;
}

.sx-border-yellow-100 {
  border-color: var(--yellow-100) !important;
}

.sx-border-yellow-200 {
  border-color: var(--yellow-200) !important;
}

.sx-border-yellow-300 {
  border-color: var(--yellow-300) !important;
}

.sx-border-yellow-400 {
  border-color: var(--yellow-400) !important;
}

.sx-border-yellow-500 {
  border-color: var(--yellow-500) !important;
}

.sx-border-yellow-600 {
  border-color: var(--yellow-600) !important;
}

.sx-border-yellow-700 {
  border-color: var(--yellow-700) !important;
}

.sx-border-yellow-800 {
  border-color: var(--yellow-800) !important;
}

.sx-border-yellow-900 {
  border-color: var(--yellow-900) !important;
}

.sx-focus\:border-yellow-50:focus {
  border-color: var(--yellow-50) !important;
}

.sx-focus\:border-yellow-100:focus {
  border-color: var(--yellow-100) !important;
}

.sx-focus\:border-yellow-200:focus {
  border-color: var(--yellow-200) !important;
}

.sx-focus\:border-yellow-300:focus {
  border-color: var(--yellow-300) !important;
}

.sx-focus\:border-yellow-400:focus {
  border-color: var(--yellow-400) !important;
}

.sx-focus\:border-yellow-500:focus {
  border-color: var(--yellow-500) !important;
}

.sx-focus\:border-yellow-600:focus {
  border-color: var(--yellow-600) !important;
}

.sx-focus\:border-yellow-700:focus {
  border-color: var(--yellow-700) !important;
}

.sx-focus\:border-yellow-800:focus {
  border-color: var(--yellow-800) !important;
}

.sx-focus\:border-yellow-900:focus {
  border-color: var(--yellow-900) !important;
}

.sx-hover\:border-yellow-50:hover {
  border-color: var(--yellow-50) !important;
}

.sx-hover\:border-yellow-100:hover {
  border-color: var(--yellow-100) !important;
}

.sx-hover\:border-yellow-200:hover {
  border-color: var(--yellow-200) !important;
}

.sx-hover\:border-yellow-300:hover {
  border-color: var(--yellow-300) !important;
}

.sx-hover\:border-yellow-400:hover {
  border-color: var(--yellow-400) !important;
}

.sx-hover\:border-yellow-500:hover {
  border-color: var(--yellow-500) !important;
}

.sx-hover\:border-yellow-600:hover {
  border-color: var(--yellow-600) !important;
}

.sx-hover\:border-yellow-700:hover {
  border-color: var(--yellow-700) !important;
}

.sx-hover\:border-yellow-800:hover {
  border-color: var(--yellow-800) !important;
}

.sx-hover\:border-yellow-900:hover {
  border-color: var(--yellow-900) !important;
}

.sx-active\:border-yellow-50:active {
  border-color: var(--yellow-50) !important;
}

.sx-active\:border-yellow-100:active {
  border-color: var(--yellow-100) !important;
}

.sx-active\:border-yellow-200:active {
  border-color: var(--yellow-200) !important;
}

.sx-active\:border-yellow-300:active {
  border-color: var(--yellow-300) !important;
}

.sx-active\:border-yellow-400:active {
  border-color: var(--yellow-400) !important;
}

.sx-active\:border-yellow-500:active {
  border-color: var(--yellow-500) !important;
}

.sx-active\:border-yellow-600:active {
  border-color: var(--yellow-600) !important;
}

.sx-active\:border-yellow-700:active {
  border-color: var(--yellow-700) !important;
}

.sx-active\:border-yellow-800:active {
  border-color: var(--yellow-800) !important;
}

.sx-active\:border-yellow-900:active {
  border-color: var(--yellow-900) !important;
}

.sx-border-cyan-50 {
  border-color: var(--cyan-50) !important;
}

.sx-border-cyan-100 {
  border-color: var(--cyan-100) !important;
}

.sx-border-cyan-200 {
  border-color: var(--cyan-200) !important;
}

.sx-border-cyan-300 {
  border-color: var(--cyan-300) !important;
}

.sx-border-cyan-400 {
  border-color: var(--cyan-400) !important;
}

.sx-border-cyan-500 {
  border-color: var(--cyan-500) !important;
}

.sx-border-cyan-600 {
  border-color: var(--cyan-600) !important;
}

.sx-border-cyan-700 {
  border-color: var(--cyan-700) !important;
}

.sx-border-cyan-800 {
  border-color: var(--cyan-800) !important;
}

.sx-border-cyan-900 {
  border-color: var(--cyan-900) !important;
}

.sx-focus\:border-cyan-50:focus {
  border-color: var(--cyan-50) !important;
}

.sx-focus\:border-cyan-100:focus {
  border-color: var(--cyan-100) !important;
}

.sx-focus\:border-cyan-200:focus {
  border-color: var(--cyan-200) !important;
}

.sx-focus\:border-cyan-300:focus {
  border-color: var(--cyan-300) !important;
}

.sx-focus\:border-cyan-400:focus {
  border-color: var(--cyan-400) !important;
}

.sx-focus\:border-cyan-500:focus {
  border-color: var(--cyan-500) !important;
}

.sx-focus\:border-cyan-600:focus {
  border-color: var(--cyan-600) !important;
}

.sx-focus\:border-cyan-700:focus {
  border-color: var(--cyan-700) !important;
}

.sx-focus\:border-cyan-800:focus {
  border-color: var(--cyan-800) !important;
}

.sx-focus\:border-cyan-900:focus {
  border-color: var(--cyan-900) !important;
}

.sx-hover\:border-cyan-50:hover {
  border-color: var(--cyan-50) !important;
}

.sx-hover\:border-cyan-100:hover {
  border-color: var(--cyan-100) !important;
}

.sx-hover\:border-cyan-200:hover {
  border-color: var(--cyan-200) !important;
}

.sx-hover\:border-cyan-300:hover {
  border-color: var(--cyan-300) !important;
}

.sx-hover\:border-cyan-400:hover {
  border-color: var(--cyan-400) !important;
}

.sx-hover\:border-cyan-500:hover {
  border-color: var(--cyan-500) !important;
}

.sx-hover\:border-cyan-600:hover {
  border-color: var(--cyan-600) !important;
}

.sx-hover\:border-cyan-700:hover {
  border-color: var(--cyan-700) !important;
}

.sx-hover\:border-cyan-800:hover {
  border-color: var(--cyan-800) !important;
}

.sx-hover\:border-cyan-900:hover {
  border-color: var(--cyan-900) !important;
}

.sx-active\:border-cyan-50:active {
  border-color: var(--cyan-50) !important;
}

.sx-active\:border-cyan-100:active {
  border-color: var(--cyan-100) !important;
}

.sx-active\:border-cyan-200:active {
  border-color: var(--cyan-200) !important;
}

.sx-active\:border-cyan-300:active {
  border-color: var(--cyan-300) !important;
}

.sx-active\:border-cyan-400:active {
  border-color: var(--cyan-400) !important;
}

.sx-active\:border-cyan-500:active {
  border-color: var(--cyan-500) !important;
}

.sx-active\:border-cyan-600:active {
  border-color: var(--cyan-600) !important;
}

.sx-active\:border-cyan-700:active {
  border-color: var(--cyan-700) !important;
}

.sx-active\:border-cyan-800:active {
  border-color: var(--cyan-800) !important;
}

.sx-active\:border-cyan-900:active {
  border-color: var(--cyan-900) !important;
}

.sx-border-pink-50 {
  border-color: var(--pink-50) !important;
}

.sx-border-pink-100 {
  border-color: var(--pink-100) !important;
}

.sx-border-pink-200 {
  border-color: var(--pink-200) !important;
}

.sx-border-pink-300 {
  border-color: var(--pink-300) !important;
}

.sx-border-pink-400 {
  border-color: var(--pink-400) !important;
}

.sx-border-pink-500 {
  border-color: var(--pink-500) !important;
}

.sx-border-pink-600 {
  border-color: var(--pink-600) !important;
}

.sx-border-pink-700 {
  border-color: var(--pink-700) !important;
}

.sx-border-pink-800 {
  border-color: var(--pink-800) !important;
}

.sx-border-pink-900 {
  border-color: var(--pink-900) !important;
}

.sx-focus\:border-pink-50:focus {
  border-color: var(--pink-50) !important;
}

.sx-focus\:border-pink-100:focus {
  border-color: var(--pink-100) !important;
}

.sx-focus\:border-pink-200:focus {
  border-color: var(--pink-200) !important;
}

.sx-focus\:border-pink-300:focus {
  border-color: var(--pink-300) !important;
}

.sx-focus\:border-pink-400:focus {
  border-color: var(--pink-400) !important;
}

.sx-focus\:border-pink-500:focus {
  border-color: var(--pink-500) !important;
}

.sx-focus\:border-pink-600:focus {
  border-color: var(--pink-600) !important;
}

.sx-focus\:border-pink-700:focus {
  border-color: var(--pink-700) !important;
}

.sx-focus\:border-pink-800:focus {
  border-color: var(--pink-800) !important;
}

.sx-focus\:border-pink-900:focus {
  border-color: var(--pink-900) !important;
}

.sx-hover\:border-pink-50:hover {
  border-color: var(--pink-50) !important;
}

.sx-hover\:border-pink-100:hover {
  border-color: var(--pink-100) !important;
}

.sx-hover\:border-pink-200:hover {
  border-color: var(--pink-200) !important;
}

.sx-hover\:border-pink-300:hover {
  border-color: var(--pink-300) !important;
}

.sx-hover\:border-pink-400:hover {
  border-color: var(--pink-400) !important;
}

.sx-hover\:border-pink-500:hover {
  border-color: var(--pink-500) !important;
}

.sx-hover\:border-pink-600:hover {
  border-color: var(--pink-600) !important;
}

.sx-hover\:border-pink-700:hover {
  border-color: var(--pink-700) !important;
}

.sx-hover\:border-pink-800:hover {
  border-color: var(--pink-800) !important;
}

.sx-hover\:border-pink-900:hover {
  border-color: var(--pink-900) !important;
}

.sx-active\:border-pink-50:active {
  border-color: var(--pink-50) !important;
}

.sx-active\:border-pink-100:active {
  border-color: var(--pink-100) !important;
}

.sx-active\:border-pink-200:active {
  border-color: var(--pink-200) !important;
}

.sx-active\:border-pink-300:active {
  border-color: var(--pink-300) !important;
}

.sx-active\:border-pink-400:active {
  border-color: var(--pink-400) !important;
}

.sx-active\:border-pink-500:active {
  border-color: var(--pink-500) !important;
}

.sx-active\:border-pink-600:active {
  border-color: var(--pink-600) !important;
}

.sx-active\:border-pink-700:active {
  border-color: var(--pink-700) !important;
}

.sx-active\:border-pink-800:active {
  border-color: var(--pink-800) !important;
}

.sx-active\:border-pink-900:active {
  border-color: var(--pink-900) !important;
}

.sx-border-indigo-50 {
  border-color: var(--indigo-50) !important;
}

.sx-border-indigo-100 {
  border-color: var(--indigo-100) !important;
}

.sx-border-indigo-200 {
  border-color: var(--indigo-200) !important;
}

.sx-border-indigo-300 {
  border-color: var(--indigo-300) !important;
}

.sx-border-indigo-400 {
  border-color: var(--indigo-400) !important;
}

.sx-border-indigo-500 {
  border-color: var(--indigo-500) !important;
}

.sx-border-indigo-600 {
  border-color: var(--indigo-600) !important;
}

.sx-border-indigo-700 {
  border-color: var(--indigo-700) !important;
}

.sx-border-indigo-800 {
  border-color: var(--indigo-800) !important;
}

.sx-border-indigo-900 {
  border-color: var(--indigo-900) !important;
}

.sx-focus\:border-indigo-50:focus {
  border-color: var(--indigo-50) !important;
}

.sx-focus\:border-indigo-100:focus {
  border-color: var(--indigo-100) !important;
}

.sx-focus\:border-indigo-200:focus {
  border-color: var(--indigo-200) !important;
}

.sx-focus\:border-indigo-300:focus {
  border-color: var(--indigo-300) !important;
}

.sx-focus\:border-indigo-400:focus {
  border-color: var(--indigo-400) !important;
}

.sx-focus\:border-indigo-500:focus {
  border-color: var(--indigo-500) !important;
}

.sx-focus\:border-indigo-600:focus {
  border-color: var(--indigo-600) !important;
}

.sx-focus\:border-indigo-700:focus {
  border-color: var(--indigo-700) !important;
}

.sx-focus\:border-indigo-800:focus {
  border-color: var(--indigo-800) !important;
}

.sx-focus\:border-indigo-900:focus {
  border-color: var(--indigo-900) !important;
}

.sx-hover\:border-indigo-50:hover {
  border-color: var(--indigo-50) !important;
}

.sx-hover\:border-indigo-100:hover {
  border-color: var(--indigo-100) !important;
}

.sx-hover\:border-indigo-200:hover {
  border-color: var(--indigo-200) !important;
}

.sx-hover\:border-indigo-300:hover {
  border-color: var(--indigo-300) !important;
}

.sx-hover\:border-indigo-400:hover {
  border-color: var(--indigo-400) !important;
}

.sx-hover\:border-indigo-500:hover {
  border-color: var(--indigo-500) !important;
}

.sx-hover\:border-indigo-600:hover {
  border-color: var(--indigo-600) !important;
}

.sx-hover\:border-indigo-700:hover {
  border-color: var(--indigo-700) !important;
}

.sx-hover\:border-indigo-800:hover {
  border-color: var(--indigo-800) !important;
}

.sx-hover\:border-indigo-900:hover {
  border-color: var(--indigo-900) !important;
}

.sx-active\:border-indigo-50:active {
  border-color: var(--indigo-50) !important;
}

.sx-active\:border-indigo-100:active {
  border-color: var(--indigo-100) !important;
}

.sx-active\:border-indigo-200:active {
  border-color: var(--indigo-200) !important;
}

.sx-active\:border-indigo-300:active {
  border-color: var(--indigo-300) !important;
}

.sx-active\:border-indigo-400:active {
  border-color: var(--indigo-400) !important;
}

.sx-active\:border-indigo-500:active {
  border-color: var(--indigo-500) !important;
}

.sx-active\:border-indigo-600:active {
  border-color: var(--indigo-600) !important;
}

.sx-active\:border-indigo-700:active {
  border-color: var(--indigo-700) !important;
}

.sx-active\:border-indigo-800:active {
  border-color: var(--indigo-800) !important;
}

.sx-active\:border-indigo-900:active {
  border-color: var(--indigo-900) !important;
}

.sx-border-teal-50 {
  border-color: var(--teal-50) !important;
}

.sx-border-teal-100 {
  border-color: var(--teal-100) !important;
}

.sx-border-teal-200 {
  border-color: var(--teal-200) !important;
}

.sx-border-teal-300 {
  border-color: var(--teal-300) !important;
}

.sx-border-teal-400 {
  border-color: var(--teal-400) !important;
}

.sx-border-teal-500 {
  border-color: var(--teal-500) !important;
}

.sx-border-teal-600 {
  border-color: var(--teal-600) !important;
}

.sx-border-teal-700 {
  border-color: var(--teal-700) !important;
}

.sx-border-teal-800 {
  border-color: var(--teal-800) !important;
}

.sx-border-teal-900 {
  border-color: var(--teal-900) !important;
}

.sx-focus\:border-teal-50:focus {
  border-color: var(--teal-50) !important;
}

.sx-focus\:border-teal-100:focus {
  border-color: var(--teal-100) !important;
}

.sx-focus\:border-teal-200:focus {
  border-color: var(--teal-200) !important;
}

.sx-focus\:border-teal-300:focus {
  border-color: var(--teal-300) !important;
}

.sx-focus\:border-teal-400:focus {
  border-color: var(--teal-400) !important;
}

.sx-focus\:border-teal-500:focus {
  border-color: var(--teal-500) !important;
}

.sx-focus\:border-teal-600:focus {
  border-color: var(--teal-600) !important;
}

.sx-focus\:border-teal-700:focus {
  border-color: var(--teal-700) !important;
}

.sx-focus\:border-teal-800:focus {
  border-color: var(--teal-800) !important;
}

.sx-focus\:border-teal-900:focus {
  border-color: var(--teal-900) !important;
}

.sx-hover\:border-teal-50:hover {
  border-color: var(--teal-50) !important;
}

.sx-hover\:border-teal-100:hover {
  border-color: var(--teal-100) !important;
}

.sx-hover\:border-teal-200:hover {
  border-color: var(--teal-200) !important;
}

.sx-hover\:border-teal-300:hover {
  border-color: var(--teal-300) !important;
}

.sx-hover\:border-teal-400:hover {
  border-color: var(--teal-400) !important;
}

.sx-hover\:border-teal-500:hover {
  border-color: var(--teal-500) !important;
}

.sx-hover\:border-teal-600:hover {
  border-color: var(--teal-600) !important;
}

.sx-hover\:border-teal-700:hover {
  border-color: var(--teal-700) !important;
}

.sx-hover\:border-teal-800:hover {
  border-color: var(--teal-800) !important;
}

.sx-hover\:border-teal-900:hover {
  border-color: var(--teal-900) !important;
}

.sx-active\:border-teal-50:active {
  border-color: var(--teal-50) !important;
}

.sx-active\:border-teal-100:active {
  border-color: var(--teal-100) !important;
}

.sx-active\:border-teal-200:active {
  border-color: var(--teal-200) !important;
}

.sx-active\:border-teal-300:active {
  border-color: var(--teal-300) !important;
}

.sx-active\:border-teal-400:active {
  border-color: var(--teal-400) !important;
}

.sx-active\:border-teal-500:active {
  border-color: var(--teal-500) !important;
}

.sx-active\:border-teal-600:active {
  border-color: var(--teal-600) !important;
}

.sx-active\:border-teal-700:active {
  border-color: var(--teal-700) !important;
}

.sx-active\:border-teal-800:active {
  border-color: var(--teal-800) !important;
}

.sx-active\:border-teal-900:active {
  border-color: var(--teal-900) !important;
}

.sx-border-orange-50 {
  border-color: var(--orange-50) !important;
}

.sx-border-orange-100 {
  border-color: var(--orange-100) !important;
}

.sx-border-orange-200 {
  border-color: var(--orange-200) !important;
}

.sx-border-orange-300 {
  border-color: var(--orange-300) !important;
}

.sx-border-orange-400 {
  border-color: var(--orange-400) !important;
}

.sx-border-orange-500 {
  border-color: var(--orange-500) !important;
}

.sx-border-orange-600 {
  border-color: var(--orange-600) !important;
}

.sx-border-orange-700 {
  border-color: var(--orange-700) !important;
}

.sx-border-orange-800 {
  border-color: var(--orange-800) !important;
}

.sx-border-orange-900 {
  border-color: var(--orange-900) !important;
}

.sx-focus\:border-orange-50:focus {
  border-color: var(--orange-50) !important;
}

.sx-focus\:border-orange-100:focus {
  border-color: var(--orange-100) !important;
}

.sx-focus\:border-orange-200:focus {
  border-color: var(--orange-200) !important;
}

.sx-focus\:border-orange-300:focus {
  border-color: var(--orange-300) !important;
}

.sx-focus\:border-orange-400:focus {
  border-color: var(--orange-400) !important;
}

.sx-focus\:border-orange-500:focus {
  border-color: var(--orange-500) !important;
}

.sx-focus\:border-orange-600:focus {
  border-color: var(--orange-600) !important;
}

.sx-focus\:border-orange-700:focus {
  border-color: var(--orange-700) !important;
}

.sx-focus\:border-orange-800:focus {
  border-color: var(--orange-800) !important;
}

.sx-focus\:border-orange-900:focus {
  border-color: var(--orange-900) !important;
}

.sx-hover\:border-orange-50:hover {
  border-color: var(--orange-50) !important;
}

.sx-hover\:border-orange-100:hover {
  border-color: var(--orange-100) !important;
}

.sx-hover\:border-orange-200:hover {
  border-color: var(--orange-200) !important;
}

.sx-hover\:border-orange-300:hover {
  border-color: var(--orange-300) !important;
}

.sx-hover\:border-orange-400:hover {
  border-color: var(--orange-400) !important;
}

.sx-hover\:border-orange-500:hover {
  border-color: var(--orange-500) !important;
}

.sx-hover\:border-orange-600:hover {
  border-color: var(--orange-600) !important;
}

.sx-hover\:border-orange-700:hover {
  border-color: var(--orange-700) !important;
}

.sx-hover\:border-orange-800:hover {
  border-color: var(--orange-800) !important;
}

.sx-hover\:border-orange-900:hover {
  border-color: var(--orange-900) !important;
}

.sx-active\:border-orange-50:active {
  border-color: var(--orange-50) !important;
}

.sx-active\:border-orange-100:active {
  border-color: var(--orange-100) !important;
}

.sx-active\:border-orange-200:active {
  border-color: var(--orange-200) !important;
}

.sx-active\:border-orange-300:active {
  border-color: var(--orange-300) !important;
}

.sx-active\:border-orange-400:active {
  border-color: var(--orange-400) !important;
}

.sx-active\:border-orange-500:active {
  border-color: var(--orange-500) !important;
}

.sx-active\:border-orange-600:active {
  border-color: var(--orange-600) !important;
}

.sx-active\:border-orange-700:active {
  border-color: var(--orange-700) !important;
}

.sx-active\:border-orange-800:active {
  border-color: var(--orange-800) !important;
}

.sx-active\:border-orange-900:active {
  border-color: var(--orange-900) !important;
}

.sx-border-bluegray-50 {
  border-color: var(--bluegray-50) !important;
}

.sx-border-bluegray-100 {
  border-color: var(--bluegray-100) !important;
}

.sx-border-bluegray-200 {
  border-color: var(--bluegray-200) !important;
}

.sx-border-bluegray-300 {
  border-color: var(--bluegray-300) !important;
}

.sx-border-bluegray-400 {
  border-color: var(--bluegray-400) !important;
}

.sx-border-bluegray-500 {
  border-color: var(--bluegray-500) !important;
}

.sx-border-bluegray-600 {
  border-color: var(--bluegray-600) !important;
}

.sx-border-bluegray-700 {
  border-color: var(--bluegray-700) !important;
}

.sx-border-bluegray-800 {
  border-color: var(--bluegray-800) !important;
}

.sx-border-bluegray-900 {
  border-color: var(--bluegray-900) !important;
}

.sx-focus\:border-bluegray-50:focus {
  border-color: var(--bluegray-50) !important;
}

.sx-focus\:border-bluegray-100:focus {
  border-color: var(--bluegray-100) !important;
}

.sx-focus\:border-bluegray-200:focus {
  border-color: var(--bluegray-200) !important;
}

.sx-focus\:border-bluegray-300:focus {
  border-color: var(--bluegray-300) !important;
}

.sx-focus\:border-bluegray-400:focus {
  border-color: var(--bluegray-400) !important;
}

.sx-focus\:border-bluegray-500:focus {
  border-color: var(--bluegray-500) !important;
}

.sx-focus\:border-bluegray-600:focus {
  border-color: var(--bluegray-600) !important;
}

.sx-focus\:border-bluegray-700:focus {
  border-color: var(--bluegray-700) !important;
}

.sx-focus\:border-bluegray-800:focus {
  border-color: var(--bluegray-800) !important;
}

.sx-focus\:border-bluegray-900:focus {
  border-color: var(--bluegray-900) !important;
}

.sx-hover\:border-bluegray-50:hover {
  border-color: var(--bluegray-50) !important;
}

.sx-hover\:border-bluegray-100:hover {
  border-color: var(--bluegray-100) !important;
}

.sx-hover\:border-bluegray-200:hover {
  border-color: var(--bluegray-200) !important;
}

.sx-hover\:border-bluegray-300:hover {
  border-color: var(--bluegray-300) !important;
}

.sx-hover\:border-bluegray-400:hover {
  border-color: var(--bluegray-400) !important;
}

.sx-hover\:border-bluegray-500:hover {
  border-color: var(--bluegray-500) !important;
}

.sx-hover\:border-bluegray-600:hover {
  border-color: var(--bluegray-600) !important;
}

.sx-hover\:border-bluegray-700:hover {
  border-color: var(--bluegray-700) !important;
}

.sx-hover\:border-bluegray-800:hover {
  border-color: var(--bluegray-800) !important;
}

.sx-hover\:border-bluegray-900:hover {
  border-color: var(--bluegray-900) !important;
}

.sx-active\:border-bluegray-50:active {
  border-color: var(--bluegray-50) !important;
}

.sx-active\:border-bluegray-100:active {
  border-color: var(--bluegray-100) !important;
}

.sx-active\:border-bluegray-200:active {
  border-color: var(--bluegray-200) !important;
}

.sx-active\:border-bluegray-300:active {
  border-color: var(--bluegray-300) !important;
}

.sx-active\:border-bluegray-400:active {
  border-color: var(--bluegray-400) !important;
}

.sx-active\:border-bluegray-500:active {
  border-color: var(--bluegray-500) !important;
}

.sx-active\:border-bluegray-600:active {
  border-color: var(--bluegray-600) !important;
}

.sx-active\:border-bluegray-700:active {
  border-color: var(--bluegray-700) !important;
}

.sx-active\:border-bluegray-800:active {
  border-color: var(--bluegray-800) !important;
}

.sx-active\:border-bluegray-900:active {
  border-color: var(--bluegray-900) !important;
}

.sx-border-purple-50 {
  border-color: var(--purple-50) !important;
}

.sx-border-purple-100 {
  border-color: var(--purple-100) !important;
}

.sx-border-purple-200 {
  border-color: var(--purple-200) !important;
}

.sx-border-purple-300 {
  border-color: var(--purple-300) !important;
}

.sx-border-purple-400 {
  border-color: var(--purple-400) !important;
}

.sx-border-purple-500 {
  border-color: var(--purple-500) !important;
}

.sx-border-purple-600 {
  border-color: var(--purple-600) !important;
}

.sx-border-purple-700 {
  border-color: var(--purple-700) !important;
}

.sx-border-purple-800 {
  border-color: var(--purple-800) !important;
}

.sx-border-purple-900 {
  border-color: var(--purple-900) !important;
}

.sx-focus\:border-purple-50:focus {
  border-color: var(--purple-50) !important;
}

.sx-focus\:border-purple-100:focus {
  border-color: var(--purple-100) !important;
}

.sx-focus\:border-purple-200:focus {
  border-color: var(--purple-200) !important;
}

.sx-focus\:border-purple-300:focus {
  border-color: var(--purple-300) !important;
}

.sx-focus\:border-purple-400:focus {
  border-color: var(--purple-400) !important;
}

.sx-focus\:border-purple-500:focus {
  border-color: var(--purple-500) !important;
}

.sx-focus\:border-purple-600:focus {
  border-color: var(--purple-600) !important;
}

.sx-focus\:border-purple-700:focus {
  border-color: var(--purple-700) !important;
}

.sx-focus\:border-purple-800:focus {
  border-color: var(--purple-800) !important;
}

.sx-focus\:border-purple-900:focus {
  border-color: var(--purple-900) !important;
}

.sx-hover\:border-purple-50:hover {
  border-color: var(--purple-50) !important;
}

.sx-hover\:border-purple-100:hover {
  border-color: var(--purple-100) !important;
}

.sx-hover\:border-purple-200:hover {
  border-color: var(--purple-200) !important;
}

.sx-hover\:border-purple-300:hover {
  border-color: var(--purple-300) !important;
}

.sx-hover\:border-purple-400:hover {
  border-color: var(--purple-400) !important;
}

.sx-hover\:border-purple-500:hover {
  border-color: var(--purple-500) !important;
}

.sx-hover\:border-purple-600:hover {
  border-color: var(--purple-600) !important;
}

.sx-hover\:border-purple-700:hover {
  border-color: var(--purple-700) !important;
}

.sx-hover\:border-purple-800:hover {
  border-color: var(--purple-800) !important;
}

.sx-hover\:border-purple-900:hover {
  border-color: var(--purple-900) !important;
}

.sx-active\:border-purple-50:active {
  border-color: var(--purple-50) !important;
}

.sx-active\:border-purple-100:active {
  border-color: var(--purple-100) !important;
}

.sx-active\:border-purple-200:active {
  border-color: var(--purple-200) !important;
}

.sx-active\:border-purple-300:active {
  border-color: var(--purple-300) !important;
}

.sx-active\:border-purple-400:active {
  border-color: var(--purple-400) !important;
}

.sx-active\:border-purple-500:active {
  border-color: var(--purple-500) !important;
}

.sx-active\:border-purple-600:active {
  border-color: var(--purple-600) !important;
}

.sx-active\:border-purple-700:active {
  border-color: var(--purple-700) !important;
}

.sx-active\:border-purple-800:active {
  border-color: var(--purple-800) !important;
}

.sx-active\:border-purple-900:active {
  border-color: var(--purple-900) !important;
}

.sx-border-gray-50 {
  border-color: var(--gray-50) !important;
}

.sx-border-gray-100 {
  border-color: var(--gray-100) !important;
}

.sx-border-gray-200 {
  border-color: var(--gray-200) !important;
}

.sx-border-gray-300 {
  border-color: var(--gray-300) !important;
}

.sx-border-gray-400 {
  border-color: var(--gray-400) !important;
}

.sx-border-gray-500 {
  border-color: var(--gray-500) !important;
}

.sx-border-gray-600 {
  border-color: var(--gray-600) !important;
}

.sx-border-gray-700 {
  border-color: var(--gray-700) !important;
}

.sx-border-gray-800 {
  border-color: var(--gray-800) !important;
}

.sx-border-gray-900 {
  border-color: var(--gray-900) !important;
}

.sx-focus\:border-gray-50:focus {
  border-color: var(--gray-50) !important;
}

.sx-focus\:border-gray-100:focus {
  border-color: var(--gray-100) !important;
}

.sx-focus\:border-gray-200:focus {
  border-color: var(--gray-200) !important;
}

.sx-focus\:border-gray-300:focus {
  border-color: var(--gray-300) !important;
}

.sx-focus\:border-gray-400:focus {
  border-color: var(--gray-400) !important;
}

.sx-focus\:border-gray-500:focus {
  border-color: var(--gray-500) !important;
}

.sx-focus\:border-gray-600:focus {
  border-color: var(--gray-600) !important;
}

.sx-focus\:border-gray-700:focus {
  border-color: var(--gray-700) !important;
}

.sx-focus\:border-gray-800:focus {
  border-color: var(--gray-800) !important;
}

.sx-focus\:border-gray-900:focus {
  border-color: var(--gray-900) !important;
}

.sx-hover\:border-gray-50:hover {
  border-color: var(--gray-50) !important;
}

.sx-hover\:border-gray-100:hover {
  border-color: var(--gray-100) !important;
}

.sx-hover\:border-gray-200:hover {
  border-color: var(--gray-200) !important;
}

.sx-hover\:border-gray-300:hover {
  border-color: var(--gray-300) !important;
}

.sx-hover\:border-gray-400:hover {
  border-color: var(--gray-400) !important;
}

.sx-hover\:border-gray-500:hover {
  border-color: var(--gray-500) !important;
}

.sx-hover\:border-gray-600:hover {
  border-color: var(--gray-600) !important;
}

.sx-hover\:border-gray-700:hover {
  border-color: var(--gray-700) !important;
}

.sx-hover\:border-gray-800:hover {
  border-color: var(--gray-800) !important;
}

.sx-hover\:border-gray-900:hover {
  border-color: var(--gray-900) !important;
}

.sx-active\:border-gray-50:active {
  border-color: var(--gray-50) !important;
}

.sx-active\:border-gray-100:active {
  border-color: var(--gray-100) !important;
}

.sx-active\:border-gray-200:active {
  border-color: var(--gray-200) !important;
}

.sx-active\:border-gray-300:active {
  border-color: var(--gray-300) !important;
}

.sx-active\:border-gray-400:active {
  border-color: var(--gray-400) !important;
}

.sx-active\:border-gray-500:active {
  border-color: var(--gray-500) !important;
}

.sx-active\:border-gray-600:active {
  border-color: var(--gray-600) !important;
}

.sx-active\:border-gray-700:active {
  border-color: var(--gray-700) !important;
}

.sx-active\:border-gray-800:active {
  border-color: var(--gray-800) !important;
}

.sx-active\:border-gray-900:active {
  border-color: var(--gray-900) !important;
}

.sx-border-red-50 {
  border-color: var(--red-50) !important;
}

.sx-border-red-100 {
  border-color: var(--red-100) !important;
}

.sx-border-red-200 {
  border-color: var(--red-200) !important;
}

.sx-border-red-300 {
  border-color: var(--red-300) !important;
}

.sx-border-red-400 {
  border-color: var(--red-400) !important;
}

.sx-border-red-500 {
  border-color: var(--red-500) !important;
}

.sx-border-red-600 {
  border-color: var(--red-600) !important;
}

.sx-border-red-700 {
  border-color: var(--red-700) !important;
}

.sx-border-red-800 {
  border-color: var(--red-800) !important;
}

.sx-border-red-900 {
  border-color: var(--red-900) !important;
}

.sx-focus\:border-red-50:focus {
  border-color: var(--red-50) !important;
}

.sx-focus\:border-red-100:focus {
  border-color: var(--red-100) !important;
}

.sx-focus\:border-red-200:focus {
  border-color: var(--red-200) !important;
}

.sx-focus\:border-red-300:focus {
  border-color: var(--red-300) !important;
}

.sx-focus\:border-red-400:focus {
  border-color: var(--red-400) !important;
}

.sx-focus\:border-red-500:focus {
  border-color: var(--red-500) !important;
}

.sx-focus\:border-red-600:focus {
  border-color: var(--red-600) !important;
}

.sx-focus\:border-red-700:focus {
  border-color: var(--red-700) !important;
}

.sx-focus\:border-red-800:focus {
  border-color: var(--red-800) !important;
}

.sx-focus\:border-red-900:focus {
  border-color: var(--red-900) !important;
}

.sx-hover\:border-red-50:hover {
  border-color: var(--red-50) !important;
}

.sx-hover\:border-red-100:hover {
  border-color: var(--red-100) !important;
}

.sx-hover\:border-red-200:hover {
  border-color: var(--red-200) !important;
}

.sx-hover\:border-red-300:hover {
  border-color: var(--red-300) !important;
}

.sx-hover\:border-red-400:hover {
  border-color: var(--red-400) !important;
}

.sx-hover\:border-red-500:hover {
  border-color: var(--red-500) !important;
}

.sx-hover\:border-red-600:hover {
  border-color: var(--red-600) !important;
}

.sx-hover\:border-red-700:hover {
  border-color: var(--red-700) !important;
}

.sx-hover\:border-red-800:hover {
  border-color: var(--red-800) !important;
}

.sx-hover\:border-red-900:hover {
  border-color: var(--red-900) !important;
}

.sx-active\:border-red-50:active {
  border-color: var(--red-50) !important;
}

.sx-active\:border-red-100:active {
  border-color: var(--red-100) !important;
}

.sx-active\:border-red-200:active {
  border-color: var(--red-200) !important;
}

.sx-active\:border-red-300:active {
  border-color: var(--red-300) !important;
}

.sx-active\:border-red-400:active {
  border-color: var(--red-400) !important;
}

.sx-active\:border-red-500:active {
  border-color: var(--red-500) !important;
}

.sx-active\:border-red-600:active {
  border-color: var(--red-600) !important;
}

.sx-active\:border-red-700:active {
  border-color: var(--red-700) !important;
}

.sx-active\:border-red-800:active {
  border-color: var(--red-800) !important;
}

.sx-active\:border-red-900:active {
  border-color: var(--red-900) !important;
}

.sx-border-primary-50 {
  border-color: var(--primary-50) !important;
}

.sx-border-primary-100 {
  border-color: var(--primary-100) !important;
}

.sx-border-primary-200 {
  border-color: var(--primary-200) !important;
}

.sx-border-primary-300 {
  border-color: var(--primary-300) !important;
}

.sx-border-primary-400 {
  border-color: var(--primary-400) !important;
}

.sx-border-primary-500 {
  border-color: var(--primary-500) !important;
}

.sx-border-primary-600 {
  border-color: var(--primary-600) !important;
}

.sx-border-primary-700 {
  border-color: var(--primary-700) !important;
}

.sx-border-primary-800 {
  border-color: var(--primary-800) !important;
}

.sx-border-primary-900 {
  border-color: var(--primary-900) !important;
}

.sx-focus\:border-primary-50:focus {
  border-color: var(--primary-50) !important;
}

.sx-focus\:border-primary-100:focus {
  border-color: var(--primary-100) !important;
}

.sx-focus\:border-primary-200:focus {
  border-color: var(--primary-200) !important;
}

.sx-focus\:border-primary-300:focus {
  border-color: var(--primary-300) !important;
}

.sx-focus\:border-primary-400:focus {
  border-color: var(--primary-400) !important;
}

.sx-focus\:border-primary-500:focus {
  border-color: var(--primary-500) !important;
}

.sx-focus\:border-primary-600:focus {
  border-color: var(--primary-600) !important;
}

.sx-focus\:border-primary-700:focus {
  border-color: var(--primary-700) !important;
}

.sx-focus\:border-primary-800:focus {
  border-color: var(--primary-800) !important;
}

.sx-focus\:border-primary-900:focus {
  border-color: var(--primary-900) !important;
}

.sx-hover\:border-primary-50:hover {
  border-color: var(--primary-50) !important;
}

.sx-hover\:border-primary-100:hover {
  border-color: var(--primary-100) !important;
}

.sx-hover\:border-primary-200:hover {
  border-color: var(--primary-200) !important;
}

.sx-hover\:border-primary-300:hover {
  border-color: var(--primary-300) !important;
}

.sx-hover\:border-primary-400:hover {
  border-color: var(--primary-400) !important;
}

.sx-hover\:border-primary-500:hover {
  border-color: var(--primary-500) !important;
}

.sx-hover\:border-primary-600:hover {
  border-color: var(--primary-600) !important;
}

.sx-hover\:border-primary-700:hover {
  border-color: var(--primary-700) !important;
}

.sx-hover\:border-primary-800:hover {
  border-color: var(--primary-800) !important;
}

.sx-hover\:border-primary-900:hover {
  border-color: var(--primary-900) !important;
}

.sx-active\:border-primary-50:active {
  border-color: var(--primary-50) !important;
}

.sx-active\:border-primary-100:active {
  border-color: var(--primary-100) !important;
}

.sx-active\:border-primary-200:active {
  border-color: var(--primary-200) !important;
}

.sx-active\:border-primary-300:active {
  border-color: var(--primary-300) !important;
}

.sx-active\:border-primary-400:active {
  border-color: var(--primary-400) !important;
}

.sx-active\:border-primary-500:active {
  border-color: var(--primary-500) !important;
}

.sx-active\:border-primary-600:active {
  border-color: var(--primary-600) !important;
}

.sx-active\:border-primary-700:active {
  border-color: var(--primary-700) !important;
}

.sx-active\:border-primary-800:active {
  border-color: var(--primary-800) !important;
}

.sx-active\:border-primary-900:active {
  border-color: var(--primary-900) !important;
}

.sx-bg-white-alpha-10 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.sx-bg-white-alpha-20 {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.sx-bg-white-alpha-30 {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.sx-bg-white-alpha-40 {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.sx-bg-white-alpha-50 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.sx-bg-white-alpha-60 {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.sx-bg-white-alpha-70 {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.sx-bg-white-alpha-80 {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.sx-bg-white-alpha-90 {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.sx-hover\:bg-white-alpha-10:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.sx-hover\:bg-white-alpha-20:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.sx-hover\:bg-white-alpha-30:hover {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.sx-hover\:bg-white-alpha-40:hover {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.sx-hover\:bg-white-alpha-50:hover {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.sx-hover\:bg-white-alpha-60:hover {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.sx-hover\:bg-white-alpha-70:hover {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.sx-hover\:bg-white-alpha-80:hover {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.sx-hover\:bg-white-alpha-90:hover {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.sx-focus\:bg-white-alpha-10:focus {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.sx-focus\:bg-white-alpha-20:focus {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.sx-focus\:bg-white-alpha-30:focus {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.sx-focus\:bg-white-alpha-40:focus {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.sx-focus\:bg-white-alpha-50:focus {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.sx-focus\:bg-white-alpha-60:focus {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.sx-focus\:bg-white-alpha-70:focus {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.sx-focus\:bg-white-alpha-80:focus {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.sx-focus\:bg-white-alpha-90:focus {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.sx-active\:bg-white-alpha-10:active {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.sx-active\:bg-white-alpha-20:active {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.sx-active\:bg-white-alpha-30:active {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.sx-active\:bg-white-alpha-40:active {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.sx-active\:bg-white-alpha-50:active {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.sx-active\:bg-white-alpha-60:active {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.sx-active\:bg-white-alpha-70:active {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.sx-active\:bg-white-alpha-80:active {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.sx-active\:bg-white-alpha-90:active {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.sx-bg-black-alpha-10 {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.sx-bg-black-alpha-20 {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.sx-bg-black-alpha-30 {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.sx-bg-black-alpha-40 {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.sx-bg-black-alpha-50 {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.sx-bg-black-alpha-60 {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.sx-bg-black-alpha-70 {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.sx-bg-black-alpha-80 {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.sx-bg-black-alpha-90 {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.sx-hover\:bg-black-alpha-10:hover {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.sx-hover\:bg-black-alpha-20:hover {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.sx-hover\:bg-black-alpha-30:hover {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.sx-hover\:bg-black-alpha-40:hover {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.sx-hover\:bg-black-alpha-50:hover {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.sx-hover\:bg-black-alpha-60:hover {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.sx-hover\:bg-black-alpha-70:hover {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.sx-hover\:bg-black-alpha-80:hover {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.sx-hover\:bg-black-alpha-90:hover {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.sx-focus\:bg-black-alpha-10:focus {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.sx-focus\:bg-black-alpha-20:focus {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.sx-focus\:bg-black-alpha-30:focus {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.sx-focus\:bg-black-alpha-40:focus {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.sx-focus\:bg-black-alpha-50:focus {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.sx-focus\:bg-black-alpha-60:focus {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.sx-focus\:bg-black-alpha-70:focus {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.sx-focus\:bg-black-alpha-80:focus {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.sx-focus\:bg-black-alpha-90:focus {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.sx-active\:bg-black-alpha-10:active {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.sx-active\:bg-black-alpha-20:active {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.sx-active\:bg-black-alpha-30:active {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.sx-active\:bg-black-alpha-40:active {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.sx-active\:bg-black-alpha-50:active {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.sx-active\:bg-black-alpha-60:active {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.sx-active\:bg-black-alpha-70:active {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.sx-active\:bg-black-alpha-80:active {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.sx-active\:bg-black-alpha-90:active {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.sx-border-white-alpha-10 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.sx-border-white-alpha-20 {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.sx-border-white-alpha-30 {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.sx-border-white-alpha-40 {
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.sx-border-white-alpha-50 {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.sx-border-white-alpha-60 {
  border-color: rgba(255, 255, 255, 0.6) !important;
}

.sx-border-white-alpha-70 {
  border-color: rgba(255, 255, 255, 0.7) !important;
}

.sx-border-white-alpha-80 {
  border-color: rgba(255, 255, 255, 0.8) !important;
}

.sx-border-white-alpha-90 {
  border-color: rgba(255, 255, 255, 0.9) !important;
}

.sx-hover\:border-white-alpha-10:hover {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.sx-hover\:border-white-alpha-20:hover {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.sx-hover\:border-white-alpha-30:hover {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.sx-hover\:border-white-alpha-40:hover {
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.sx-hover\:border-white-alpha-50:hover {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.sx-hover\:border-white-alpha-60:hover {
  border-color: rgba(255, 255, 255, 0.6) !important;
}

.sx-hover\:border-white-alpha-70:hover {
  border-color: rgba(255, 255, 255, 0.7) !important;
}

.sx-hover\:border-white-alpha-80:hover {
  border-color: rgba(255, 255, 255, 0.8) !important;
}

.sx-hover\:border-white-alpha-90:hover {
  border-color: rgba(255, 255, 255, 0.9) !important;
}

.sx-focus\:border-white-alpha-10:focus {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.sx-focus\:border-white-alpha-20:focus {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.sx-focus\:border-white-alpha-30:focus {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.sx-focus\:border-white-alpha-40:focus {
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.sx-focus\:border-white-alpha-50:focus {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.sx-focus\:border-white-alpha-60:focus {
  border-color: rgba(255, 255, 255, 0.6) !important;
}

.sx-focus\:border-white-alpha-70:focus {
  border-color: rgba(255, 255, 255, 0.7) !important;
}

.sx-focus\:border-white-alpha-80:focus {
  border-color: rgba(255, 255, 255, 0.8) !important;
}

.sx-focus\:border-white-alpha-90:focus {
  border-color: rgba(255, 255, 255, 0.9) !important;
}

.sx-active\:border-white-alpha-10:active {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.sx-active\:border-white-alpha-20:active {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.sx-active\:border-white-alpha-30:active {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.sx-active\:border-white-alpha-40:active {
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.sx-active\:border-white-alpha-50:active {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.sx-active\:border-white-alpha-60:active {
  border-color: rgba(255, 255, 255, 0.6) !important;
}

.sx-active\:border-white-alpha-70:active {
  border-color: rgba(255, 255, 255, 0.7) !important;
}

.sx-active\:border-white-alpha-80:active {
  border-color: rgba(255, 255, 255, 0.8) !important;
}

.sx-active\:border-white-alpha-90:active {
  border-color: rgba(255, 255, 255, 0.9) !important;
}

.sx-border-black-alpha-10 {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.sx-border-black-alpha-20 {
  border-color: rgba(0, 0, 0, 0.2) !important;
}

.sx-border-black-alpha-30 {
  border-color: rgba(0, 0, 0, 0.3) !important;
}

.sx-border-black-alpha-40 {
  border-color: rgba(0, 0, 0, 0.4) !important;
}

.sx-border-black-alpha-50 {
  border-color: rgba(0, 0, 0, 0.5) !important;
}

.sx-border-black-alpha-60 {
  border-color: rgba(0, 0, 0, 0.6) !important;
}

.sx-border-black-alpha-70 {
  border-color: rgba(0, 0, 0, 0.7) !important;
}

.sx-border-black-alpha-80 {
  border-color: rgba(0, 0, 0, 0.8) !important;
}

.sx-border-black-alpha-90 {
  border-color: rgba(0, 0, 0, 0.9) !important;
}

.sx-hover\:border-black-alpha-10:hover {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.sx-hover\:border-black-alpha-20:hover {
  border-color: rgba(0, 0, 0, 0.2) !important;
}

.sx-hover\:border-black-alpha-30:hover {
  border-color: rgba(0, 0, 0, 0.3) !important;
}

.sx-hover\:border-black-alpha-40:hover {
  border-color: rgba(0, 0, 0, 0.4) !important;
}

.sx-hover\:border-black-alpha-50:hover {
  border-color: rgba(0, 0, 0, 0.5) !important;
}

.sx-hover\:border-black-alpha-60:hover {
  border-color: rgba(0, 0, 0, 0.6) !important;
}

.sx-hover\:border-black-alpha-70:hover {
  border-color: rgba(0, 0, 0, 0.7) !important;
}

.sx-hover\:border-black-alpha-80:hover {
  border-color: rgba(0, 0, 0, 0.8) !important;
}

.sx-hover\:border-black-alpha-90:hover {
  border-color: rgba(0, 0, 0, 0.9) !important;
}

.sx-focus\:border-black-alpha-10:focus {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.sx-focus\:border-black-alpha-20:focus {
  border-color: rgba(0, 0, 0, 0.2) !important;
}

.sx-focus\:border-black-alpha-30:focus {
  border-color: rgba(0, 0, 0, 0.3) !important;
}

.sx-focus\:border-black-alpha-40:focus {
  border-color: rgba(0, 0, 0, 0.4) !important;
}

.sx-focus\:border-black-alpha-50:focus {
  border-color: rgba(0, 0, 0, 0.5) !important;
}

.sx-focus\:border-black-alpha-60:focus {
  border-color: rgba(0, 0, 0, 0.6) !important;
}

.sx-focus\:border-black-alpha-70:focus {
  border-color: rgba(0, 0, 0, 0.7) !important;
}

.sx-focus\:border-black-alpha-80:focus {
  border-color: rgba(0, 0, 0, 0.8) !important;
}

.sx-focus\:border-black-alpha-90:focus {
  border-color: rgba(0, 0, 0, 0.9) !important;
}

.sx-active\:border-black-alpha-10:active {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.sx-active\:border-black-alpha-20:active {
  border-color: rgba(0, 0, 0, 0.2) !important;
}

.sx-active\:border-black-alpha-30:active {
  border-color: rgba(0, 0, 0, 0.3) !important;
}

.sx-active\:border-black-alpha-40:active {
  border-color: rgba(0, 0, 0, 0.4) !important;
}

.sx-active\:border-black-alpha-50:active {
  border-color: rgba(0, 0, 0, 0.5) !important;
}

.sx-active\:border-black-alpha-60:active {
  border-color: rgba(0, 0, 0, 0.6) !important;
}

.sx-active\:border-black-alpha-70:active {
  border-color: rgba(0, 0, 0, 0.7) !important;
}

.sx-active\:border-black-alpha-80:active {
  border-color: rgba(0, 0, 0, 0.8) !important;
}

.sx-active\:border-black-alpha-90:active {
  border-color: rgba(0, 0, 0, 0.9) !important;
}

.sx-text-white-alpha-10 {
  color: rgba(255, 255, 255, 0.1) !important;
}

.sx-text-white-alpha-20 {
  color: rgba(255, 255, 255, 0.2) !important;
}

.sx-text-white-alpha-30 {
  color: rgba(255, 255, 255, 0.3) !important;
}

.sx-text-white-alpha-40 {
  color: rgba(255, 255, 255, 0.4) !important;
}

.sx-text-white-alpha-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.sx-text-white-alpha-60 {
  color: rgba(255, 255, 255, 0.6) !important;
}

.sx-text-white-alpha-70 {
  color: rgba(255, 255, 255, 0.7) !important;
}

.sx-text-white-alpha-80 {
  color: rgba(255, 255, 255, 0.8) !important;
}

.sx-text-white-alpha-90 {
  color: rgba(255, 255, 255, 0.9) !important;
}

.sx-hover\:text-white-alpha-10:hover {
  color: rgba(255, 255, 255, 0.1) !important;
}

.sx-hover\:text-white-alpha-20:hover {
  color: rgba(255, 255, 255, 0.2) !important;
}

.sx-hover\:text-white-alpha-30:hover {
  color: rgba(255, 255, 255, 0.3) !important;
}

.sx-hover\:text-white-alpha-40:hover {
  color: rgba(255, 255, 255, 0.4) !important;
}

.sx-hover\:text-white-alpha-50:hover {
  color: rgba(255, 255, 255, 0.5) !important;
}

.sx-hover\:text-white-alpha-60:hover {
  color: rgba(255, 255, 255, 0.6) !important;
}

.sx-hover\:text-white-alpha-70:hover {
  color: rgba(255, 255, 255, 0.7) !important;
}

.sx-hover\:text-white-alpha-80:hover {
  color: rgba(255, 255, 255, 0.8) !important;
}

.sx-hover\:text-white-alpha-90:hover {
  color: rgba(255, 255, 255, 0.9) !important;
}

.sx-focus\:text-white-alpha-10:focus {
  color: rgba(255, 255, 255, 0.1) !important;
}

.sx-focus\:text-white-alpha-20:focus {
  color: rgba(255, 255, 255, 0.2) !important;
}

.sx-focus\:text-white-alpha-30:focus {
  color: rgba(255, 255, 255, 0.3) !important;
}

.sx-focus\:text-white-alpha-40:focus {
  color: rgba(255, 255, 255, 0.4) !important;
}

.sx-focus\:text-white-alpha-50:focus {
  color: rgba(255, 255, 255, 0.5) !important;
}

.sx-focus\:text-white-alpha-60:focus {
  color: rgba(255, 255, 255, 0.6) !important;
}

.sx-focus\:text-white-alpha-70:focus {
  color: rgba(255, 255, 255, 0.7) !important;
}

.sx-focus\:text-white-alpha-80:focus {
  color: rgba(255, 255, 255, 0.8) !important;
}

.sx-focus\:text-white-alpha-90:focus {
  color: rgba(255, 255, 255, 0.9) !important;
}

.sx-active\:text-white-alpha-10:active {
  color: rgba(255, 255, 255, 0.1) !important;
}

.sx-active\:text-white-alpha-20:active {
  color: rgba(255, 255, 255, 0.2) !important;
}

.sx-active\:text-white-alpha-30:active {
  color: rgba(255, 255, 255, 0.3) !important;
}

.sx-active\:text-white-alpha-40:active {
  color: rgba(255, 255, 255, 0.4) !important;
}

.sx-active\:text-white-alpha-50:active {
  color: rgba(255, 255, 255, 0.5) !important;
}

.sx-active\:text-white-alpha-60:active {
  color: rgba(255, 255, 255, 0.6) !important;
}

.sx-active\:text-white-alpha-70:active {
  color: rgba(255, 255, 255, 0.7) !important;
}

.sx-active\:text-white-alpha-80:active {
  color: rgba(255, 255, 255, 0.8) !important;
}

.sx-active\:text-white-alpha-90:active {
  color: rgba(255, 255, 255, 0.9) !important;
}

.sx-text-black-alpha-10 {
  color: rgba(0, 0, 0, 0.1) !important;
}

.sx-text-black-alpha-20 {
  color: rgba(0, 0, 0, 0.2) !important;
}

.sx-text-black-alpha-30 {
  color: rgba(0, 0, 0, 0.3) !important;
}

.sx-text-black-alpha-40 {
  color: rgba(0, 0, 0, 0.4) !important;
}

.sx-text-black-alpha-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.sx-text-black-alpha-60 {
  color: rgba(0, 0, 0, 0.6) !important;
}

.sx-text-black-alpha-70 {
  color: rgba(0, 0, 0, 0.7) !important;
}

.sx-text-black-alpha-80 {
  color: rgba(0, 0, 0, 0.8) !important;
}

.sx-text-black-alpha-90 {
  color: rgba(0, 0, 0, 0.9) !important;
}

.sx-hover\:text-black-alpha-10:hover {
  color: rgba(0, 0, 0, 0.1) !important;
}

.sx-hover\:text-black-alpha-20:hover {
  color: rgba(0, 0, 0, 0.2) !important;
}

.sx-hover\:text-black-alpha-30:hover {
  color: rgba(0, 0, 0, 0.3) !important;
}

.sx-hover\:text-black-alpha-40:hover {
  color: rgba(0, 0, 0, 0.4) !important;
}

.sx-hover\:text-black-alpha-50:hover {
  color: rgba(0, 0, 0, 0.5) !important;
}

.sx-hover\:text-black-alpha-60:hover {
  color: rgba(0, 0, 0, 0.6) !important;
}

.sx-hover\:text-black-alpha-70:hover {
  color: rgba(0, 0, 0, 0.7) !important;
}

.sx-hover\:text-black-alpha-80:hover {
  color: rgba(0, 0, 0, 0.8) !important;
}

.sx-hover\:text-black-alpha-90:hover {
  color: rgba(0, 0, 0, 0.9) !important;
}

.sx-focus\:text-black-alpha-10:focus {
  color: rgba(0, 0, 0, 0.1) !important;
}

.sx-focus\:text-black-alpha-20:focus {
  color: rgba(0, 0, 0, 0.2) !important;
}

.sx-focus\:text-black-alpha-30:focus {
  color: rgba(0, 0, 0, 0.3) !important;
}

.sx-focus\:text-black-alpha-40:focus {
  color: rgba(0, 0, 0, 0.4) !important;
}

.sx-focus\:text-black-alpha-50:focus {
  color: rgba(0, 0, 0, 0.5) !important;
}

.sx-focus\:text-black-alpha-60:focus {
  color: rgba(0, 0, 0, 0.6) !important;
}

.sx-focus\:text-black-alpha-70:focus {
  color: rgba(0, 0, 0, 0.7) !important;
}

.sx-focus\:text-black-alpha-80:focus {
  color: rgba(0, 0, 0, 0.8) !important;
}

.sx-focus\:text-black-alpha-90:focus {
  color: rgba(0, 0, 0, 0.9) !important;
}

.sx-active\:text-black-alpha-10:active {
  color: rgba(0, 0, 0, 0.1) !important;
}

.sx-active\:text-black-alpha-20:active {
  color: rgba(0, 0, 0, 0.2) !important;
}

.sx-active\:text-black-alpha-30:active {
  color: rgba(0, 0, 0, 0.3) !important;
}

.sx-active\:text-black-alpha-40:active {
  color: rgba(0, 0, 0, 0.4) !important;
}

.sx-active\:text-black-alpha-50:active {
  color: rgba(0, 0, 0, 0.5) !important;
}

.sx-active\:text-black-alpha-60:active {
  color: rgba(0, 0, 0, 0.6) !important;
}

.sx-active\:text-black-alpha-70:active {
  color: rgba(0, 0, 0, 0.7) !important;
}

.sx-active\:text-black-alpha-80:active {
  color: rgba(0, 0, 0, 0.8) !important;
}

.sx-active\:text-black-alpha-90:active {
  color: rgba(0, 0, 0, 0.9) !important;
}

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

.sx-bg-primary {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}

.sx-bg-primary-reverse {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}

.sx-bg-white {
  background-color: #ffffff !important;
}

.sx-border-primary {
  border-color: var(--primary-color) !important;
}

.sx-text-white {
  color: #ffffff !important;
}

.sx-border-white {
  border-color: #ffffff !important;
}

.sx-text-color {
  color: var(--text-color) !important;
}

.sx-text-color-secondary {
  color: var(--text-color-secondary) !important;
}

.sx-surface-ground {
  background-color: var(--surface-ground) !important;
}

.sx-surface-section {
  background-color: var(--surface-section) !important;
}

.sx-surface-card {
  background-color: var(--surface-card) !important;
}

.sx-surface-overlay {
  background-color: var(--surface-overlay) !important;
}

.sx-surface-hover {
  background-color: var(--surface-hover) !important;
}

.sx-surface-border {
  border-color: var(--surface-border) !important;
}

.sx-focus\:text-primary:focus {
  color: var(--primary-color) !important;
}

.sx-hover\:text-primary:hover {
  color: var(--primary-color) !important;
}

.sx-active\:text-primary:active {
  color: var(--primary-color) !important;
}

.sx-focus\:bg-primary:focus {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}

.sx-hover\:bg-primary:hover {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}

.sx-active\:bg-primary:active {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}

.sx-focus\:bg-primary-reverse:focus {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}

.sx-hover\:bg-primary-reverse:hover {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}

.sx-active\:bg-primary-reverse:active {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}

.sx-focus\:bg-white:focus {
  background-color: #ffffff !important;
}

.sx-hover\:bg-white:hover {
  background-color: #ffffff !important;
}

.sx-active\:bg-white:active {
  background-color: #ffffff !important;
}

.sx-focus\:border-primary:focus {
  border-color: var(--primary-color) !important;
}

.sx-hover\:border-primary:hover {
  border-color: var(--primary-color) !important;
}

.sx-active\:border-primary:active {
  border-color: var(--primary-color) !important;
}

.sx-focus\:text-white:focus {
  color: #ffffff !important;
}

.sx-hover\:text-white:hover {
  color: #ffffff !important;
}

.sx-active\:text-white:active {
  color: #ffffff !important;
}

.sx-focus\:border-white:focus {
  border-color: #ffffff !important;
}

.sx-hover\:border-white:hover {
  border-color: #ffffff !important;
}

.sx-active\:border-white:active {
  border-color: #ffffff !important;
}

.sx-focus\:text-color:focus {
  color: var(--text-color) !important;
}

.sx-hover\:text-color:hover {
  color: var(--text-color) !important;
}

.sx-active\:text-color:active {
  color: var(--text-color) !important;
}

.sx-focus\:text-color-secondary:focus {
  color: var(--text-color-secondary) !important;
}

.sx-hover\:text-color-secondary:hover {
  color: var(--text-color-secondary) !important;
}

.sx-active\:text-color-secondary:active {
  color: var(--text-color-secondary) !important;
}

.sx-focus\:surface-ground:focus {
  background-color: var(--surface-ground) !important;
}

.sx-hover\:surface-ground:hover {
  background-color: var(--surface-ground) !important;
}

.sx-active\:surface-ground:active {
  background-color: var(--surface-ground) !important;
}

.sx-focus\:surface-section:focus {
  background-color: var(--surface-section) !important;
}

.sx-hover\:surface-section:hover {
  background-color: var(--surface-section) !important;
}

.sx-active\:surface-section:active {
  background-color: var(--surface-section) !important;
}

.sx-focus\:surface-card:focus {
  background-color: var(--surface-card) !important;
}

.sx-hover\:surface-card:hover {
  background-color: var(--surface-card) !important;
}

.sx-active\:surface-card:active {
  background-color: var(--surface-card) !important;
}

.sx-focus\:surface-overlay:focus {
  background-color: var(--surface-overlay) !important;
}

.sx-hover\:surface-overlay:hover {
  background-color: var(--surface-overlay) !important;
}

.sx-active\:surface-overlay:active {
  background-color: var(--surface-overlay) !important;
}

.sx-focus\:surface-hover:focus {
  background-color: var(--surface-hover) !important;
}

.sx-hover\:surface-hover:hover {
  background-color: var(--surface-hover) !important;
}

.sx-active\:surface-hover:active {
  background-color: var(--surface-hover) !important;
}

.sx-focus\:surface-border:focus {
  border-color: var(--surface-border) !important;
}

.sx-hover\:surface-border:hover {
  border-color: var(--surface-border) !important;
}

.sx-active\:surface-border:active {
  border-color: var(--surface-border) !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:text-primary {
    color: var(--primary-color) !important;
  }
  .sx-sm\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sx-sm\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sx-sm\:bg-white {
    background-color: #ffffff !important;
  }
  .sx-sm\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .sx-sm\:text-white {
    color: #ffffff !important;
  }
  .sx-sm\:border-white {
    border-color: #ffffff !important;
  }
  .sx-sm\:text-color {
    color: var(--text-color) !important;
  }
  .sx-sm\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .sx-sm\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .sx-sm\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .sx-sm\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .sx-sm\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .sx-sm\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .sx-sm\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .sx-sm\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .sx-sm\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .sx-sm\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .sx-sm\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sx-sm\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sx-sm\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sx-sm\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sx-sm\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sx-sm\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sx-sm\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .sx-sm\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .sx-sm\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .sx-sm\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .sx-sm\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .sx-sm\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .sx-sm\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .sx-sm\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .sx-sm\:active\:text-white:active {
    color: #ffffff !important;
  }
  .sx-sm\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .sx-sm\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .sx-sm\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .sx-sm\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .sx-sm\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .sx-sm\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .sx-sm\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .sx-sm\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .sx-sm\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .sx-sm\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .sx-sm\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .sx-sm\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .sx-sm\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .sx-sm\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .sx-sm\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .sx-sm\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .sx-sm\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .sx-sm\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .sx-sm\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .sx-sm\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .sx-sm\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .sx-sm\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .sx-sm\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .sx-sm\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .sx-sm\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .sx-sm\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .sx-sm\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:text-primary {
    color: var(--primary-color) !important;
  }
  .sx-md\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sx-md\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sx-md\:bg-white {
    background-color: #ffffff !important;
  }
  .sx-md\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .sx-md\:text-white {
    color: #ffffff !important;
  }
  .sx-md\:border-white {
    border-color: #ffffff !important;
  }
  .sx-md\:text-color {
    color: var(--text-color) !important;
  }
  .sx-md\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .sx-md\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .sx-md\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .sx-md\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .sx-md\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .sx-md\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .sx-md\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .sx-md\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .sx-md\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .sx-md\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .sx-md\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sx-md\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sx-md\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sx-md\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sx-md\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sx-md\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sx-md\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .sx-md\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .sx-md\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .sx-md\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .sx-md\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .sx-md\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .sx-md\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .sx-md\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .sx-md\:active\:text-white:active {
    color: #ffffff !important;
  }
  .sx-md\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .sx-md\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .sx-md\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .sx-md\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .sx-md\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .sx-md\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .sx-md\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .sx-md\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .sx-md\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .sx-md\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .sx-md\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .sx-md\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .sx-md\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .sx-md\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .sx-md\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .sx-md\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .sx-md\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .sx-md\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .sx-md\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .sx-md\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .sx-md\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .sx-md\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .sx-md\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .sx-md\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .sx-md\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .sx-md\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .sx-md\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:text-primary {
    color: var(--primary-color) !important;
  }
  .sx-lg\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sx-lg\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sx-lg\:bg-white {
    background-color: #ffffff !important;
  }
  .sx-lg\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .sx-lg\:text-white {
    color: #ffffff !important;
  }
  .sx-lg\:border-white {
    border-color: #ffffff !important;
  }
  .sx-lg\:text-color {
    color: var(--text-color) !important;
  }
  .sx-lg\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .sx-lg\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .sx-lg\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .sx-lg\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .sx-lg\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .sx-lg\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .sx-lg\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .sx-lg\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .sx-lg\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .sx-lg\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .sx-lg\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sx-lg\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sx-lg\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sx-lg\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sx-lg\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sx-lg\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sx-lg\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .sx-lg\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .sx-lg\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .sx-lg\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .sx-lg\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .sx-lg\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .sx-lg\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .sx-lg\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .sx-lg\:active\:text-white:active {
    color: #ffffff !important;
  }
  .sx-lg\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .sx-lg\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .sx-lg\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .sx-lg\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .sx-lg\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .sx-lg\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .sx-lg\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .sx-lg\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .sx-lg\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .sx-lg\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .sx-lg\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .sx-lg\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .sx-lg\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .sx-lg\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .sx-lg\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .sx-lg\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .sx-lg\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .sx-lg\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .sx-lg\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .sx-lg\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .sx-lg\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .sx-lg\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .sx-lg\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .sx-lg\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .sx-lg\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .sx-lg\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .sx-lg\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:text-primary {
    color: var(--primary-color) !important;
  }
  .sx-xl\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sx-xl\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sx-xl\:bg-white {
    background-color: #ffffff !important;
  }
  .sx-xl\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .sx-xl\:text-white {
    color: #ffffff !important;
  }
  .sx-xl\:border-white {
    border-color: #ffffff !important;
  }
  .sx-xl\:text-color {
    color: var(--text-color) !important;
  }
  .sx-xl\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .sx-xl\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .sx-xl\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .sx-xl\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .sx-xl\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .sx-xl\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .sx-xl\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .sx-xl\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .sx-xl\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .sx-xl\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .sx-xl\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sx-xl\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sx-xl\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sx-xl\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sx-xl\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sx-xl\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sx-xl\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .sx-xl\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .sx-xl\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .sx-xl\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .sx-xl\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .sx-xl\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .sx-xl\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .sx-xl\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .sx-xl\:active\:text-white:active {
    color: #ffffff !important;
  }
  .sx-xl\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .sx-xl\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .sx-xl\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .sx-xl\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .sx-xl\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .sx-xl\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .sx-xl\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .sx-xl\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .sx-xl\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .sx-xl\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .sx-xl\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .sx-xl\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .sx-xl\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .sx-xl\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .sx-xl\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .sx-xl\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .sx-xl\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .sx-xl\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .sx-xl\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .sx-xl\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .sx-xl\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .sx-xl\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .sx-xl\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .sx-xl\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .sx-xl\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .sx-xl\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .sx-xl\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
.sx-field {
  margin-bottom: 1rem;
}

.sx-field > label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.sx-field.sx-grid > label {
  display: flex;
  align-items: center;
}

.sx-field > small {
  margin-top: 0.25rem;
}

.sx-field.sx-grid,
.sx-formgrid.sx-grid {
  margin-top: 0;
}

.sx-field.sx-grid .sx-col-fixed,
.sx-formgrid.sx-grid .sx-col-fixed,
.sx-field.sx-grid .sx-col,
.sx-formgrid.sx-grid .sx-col,
.sx-field.sx-grid .sx-col-1,
.sx-formgrid.sx-grid .sx-col-1,
.sx-field.sx-grid .sx-col-2,
.sx-formgrid.sx-grid .sx-col-2,
.sx-field.sx-grid .sx-col-3,
.sx-formgrid.sx-grid .sx-col-3,
.sx-field.sx-grid .sx-col-4,
.sx-formgrid.sx-grid .sx-col-4,
.sx-field.sx-grid .sx-col-5,
.sx-formgrid.sx-grid .sx-col-5,
.sx-field.sx-grid .sx-col-6,
.sx-formgrid.sx-grid .sx-col-6,
.sx-field.sx-grid .sx-col-7,
.sx-formgrid.sx-grid .sx-col-7,
.sx-field.sx-grid .sx-col-8,
.sx-formgrid.sx-grid .sx-col-8,
.sx-field.sx-grid .sx-col-9,
.sx-formgrid.sx-grid .sx-col-9,
.sx-field.sx-grid .sx-col-10,
.sx-formgrid.sx-grid .sx-col-10,
.sx-field.sx-grid .sx-col-11,
.sx-formgrid.sx-grid .sx-col-11,
.sx-field.sx-grid .sx-col-12,
.sx-formgrid.sx-grid .sx-col-12 {
  padding-top: 0;
  padding-bottom: 0;
}

.sx-formgroup-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.sx-formgroup-inline .sx-field,
.sx-formgroup-inline .sx-field-checkbox,
.sx-formgroup-inline .sx-field-radiobutton {
  margin-right: 1rem;
}

.sx-formgroup-inline .sx-field > label,
.sx-formgroup-inline .sx-field-checkbox > label,
.sx-formgroup-inline .sx-field-radiobutton > label {
  margin-right: 0.5rem;
  margin-bottom: 0;
}

.sx-field-checkbox,
.sx-field-radiobutton {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}

.sx-field-checkbox > label,
.sx-field-radiobutton > label {
  margin-left: 0.5rem;
  line-height: 1;
}

.sx-hidden {
  display: none !important;
}

.sx-block {
  display: block !important;
}

.sx-inline {
  display: inline !important;
}

.sx-inline-block {
  display: inline-block !important;
}

.sx-flex {
  display: flex !important;
}

.sx-inline-flex {
  display: inline-flex !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:hidden {
    display: none !important;
  }
  .sx-sm\:block {
    display: block !important;
  }
  .sx-sm\:inline {
    display: inline !important;
  }
  .sx-sm\:inline-block {
    display: inline-block !important;
  }
  .sx-sm\:flex {
    display: flex !important;
  }
  .sx-sm\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:hidden {
    display: none !important;
  }
  .sx-md\:block {
    display: block !important;
  }
  .sx-md\:inline {
    display: inline !important;
  }
  .sx-md\:inline-block {
    display: inline-block !important;
  }
  .sx-md\:flex {
    display: flex !important;
  }
  .sx-md\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:hidden {
    display: none !important;
  }
  .sx-lg\:block {
    display: block !important;
  }
  .sx-lg\:inline {
    display: inline !important;
  }
  .sx-lg\:inline-block {
    display: inline-block !important;
  }
  .sx-lg\:flex {
    display: flex !important;
  }
  .sx-lg\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:hidden {
    display: none !important;
  }
  .sx-xl\:block {
    display: block !important;
  }
  .sx-xl\:inline {
    display: inline !important;
  }
  .sx-xl\:inline-block {
    display: inline-block !important;
  }
  .sx-xl\:flex {
    display: flex !important;
  }
  .sx-xl\:inline-flex {
    display: inline-flex !important;
  }
}
.sx-text-center {
  text-align: center !important;
}

.sx-text-justify {
  text-align: justify !important;
}

.sx-text-left {
  text-align: left !important;
}

.sx-text-right {
  text-align: right !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:text-center {
    text-align: center !important;
  }
  .sx-sm\:text-justify {
    text-align: justify !important;
  }
  .sx-sm\:text-left {
    text-align: left !important;
  }
  .sx-sm\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:text-center {
    text-align: center !important;
  }
  .sx-md\:text-justify {
    text-align: justify !important;
  }
  .sx-md\:text-left {
    text-align: left !important;
  }
  .sx-md\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:text-center {
    text-align: center !important;
  }
  .sx-lg\:text-justify {
    text-align: justify !important;
  }
  .sx-lg\:text-left {
    text-align: left !important;
  }
  .sx-lg\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:text-center {
    text-align: center !important;
  }
  .sx-xl\:text-justify {
    text-align: justify !important;
  }
  .sx-xl\:text-left {
    text-align: left !important;
  }
  .sx-xl\:text-right {
    text-align: right !important;
  }
}
.sx-underline {
  text-decoration: underline !important;
}

.sx-line-through {
  text-decoration: line-through !important;
}

.sx-no-underline {
  text-decoration: none !important;
}

.sx-focus\:underline:focus {
  text-decoration: underline !important;
}

.sx-hover\:underline:hover {
  text-decoration: underline !important;
}

.sx-active\:underline:active {
  text-decoration: underline !important;
}

.sx-focus\:line-through:focus {
  text-decoration: line-through !important;
}

.sx-hover\:line-through:hover {
  text-decoration: line-through !important;
}

.sx-active\:line-through:active {
  text-decoration: line-through !important;
}

.sx-focus\:no-underline:focus {
  text-decoration: none !important;
}

.sx-hover\:no-underline:hover {
  text-decoration: none !important;
}

.sx-active\:no-underline:active {
  text-decoration: none !important;
}

.sx-lowercase {
  text-transform: lowercase !important;
}

.sx-uppercase {
  text-transform: uppercase !important;
}

.sx-capitalize {
  text-transform: capitalize !important;
}

.sx-text-overflow-clip {
  text-overflow: clip !important;
}

.sx-text-overflow-ellipsis {
  text-overflow: ellipsis !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .sx-sm\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .sx-md\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .sx-lg\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .sx-xl\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
.sx-font-light {
  font-weight: 300 !important;
}

.sx-font-normal {
  font-weight: 400 !important;
}

.sx-font-medium {
  font-weight: 500 !important;
}

.sx-font-semibold {
  font-weight: 600 !important;
}

.sx-font-bold {
  font-weight: 700 !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:font-light {
    font-weight: 300 !important;
  }
  .sx-sm\:font-normal {
    font-weight: 400 !important;
  }
  .sx-sm\:font-medium {
    font-weight: 500 !important;
  }
  .sx-sm\:font-semibold {
    font-weight: 600 !important;
  }
  .sx-sm\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:font-light {
    font-weight: 300 !important;
  }
  .sx-md\:font-normal {
    font-weight: 400 !important;
  }
  .sx-md\:font-medium {
    font-weight: 500 !important;
  }
  .sx-md\:font-semibold {
    font-weight: 600 !important;
  }
  .sx-md\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:font-light {
    font-weight: 300 !important;
  }
  .sx-lg\:font-normal {
    font-weight: 400 !important;
  }
  .sx-lg\:font-medium {
    font-weight: 500 !important;
  }
  .sx-lg\:font-semibold {
    font-weight: 600 !important;
  }
  .sx-lg\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:font-light {
    font-weight: 300 !important;
  }
  .sx-xl\:font-normal {
    font-weight: 400 !important;
  }
  .sx-xl\:font-medium {
    font-weight: 500 !important;
  }
  .sx-xl\:font-semibold {
    font-weight: 600 !important;
  }
  .sx-xl\:font-bold {
    font-weight: 700 !important;
  }
}
.sx-font-italic {
  font-style: italic !important;
}

.sx-text-xs {
  font-size: var(--fs-0-75-rem) !important;
}

.sx-text-sm {
  font-size: var(--fs-0-875-rem) !important;
}

.sx-text-base {
  font-size: var(--fs-1-rem) !important;
}

.sx-text-lg {
  font-size: var(--fs-1-125-rem) !important;
}

.sx-text-xl {
  font-size: var(--fs-1-25-rem) !important;
}

.sx-text-2xl {
  font-size: var(--fs-1-5-rem) !important;
}

.sx-text-3xl {
  font-size: var(--fs-1-75-rem) !important;
}

.sx-text-4xl {
  font-size: var(--fs-2-rem) !important;
}

.sx-text-5xl {
  font-size: var(--fs-2-5-rem) !important;
}

.sx-text-6xl {
  font-size: var(--fs-3-rem) !important;
}

.sx-text-7xl {
  font-size: var(--fs-4-rem) !important;
}

.sx-text-8xl {
  font-size: var(--fs-6-rem) !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:text-xs {
    font-size: var(--fs-0-75-rem) !important;
  }
  .sx-sm\:text-sm {
    font-size: var(--fs-0-875-rem) !important;
  }
  .sx-sm\:text-base {
    font-size: var(--fs-1-rem) !important;
  }
  .sx-sm\:text-lg {
    font-size: var(--fs-1-125-rem) !important;
  }
  .sx-sm\:text-xl {
    font-size: var(--fs-1-25-rem) !important;
  }
  .sx-sm\:text-2xl {
    font-size: var(--fs-1-5-rem) !important;
  }
  .sx-sm\:text-3xl {
    font-size: var(--fs-1-75-rem) !important;
  }
  .sx-sm\:text-4xl {
    font-size: var(--fs-2-rem) !important;
  }
  .sx-sm\:text-5xl {
    font-size: var(--fs-2-5-rem) !important;
  }
  .sx-sm\:text-6xl {
    font-size: var(--fs-3-rem) !important;
  }
  .sx-sm\:text-7xl {
    font-size: var(--fs-4-rem) !important;
  }
  .sx-sm\:text-8xl {
    font-size: var(--fs-6-rem) !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:text-xs {
    font-size: var(--fs-0-75-rem) !important;
  }
  .sx-md\:text-sm {
    font-size: var(--fs-0-875-rem) !important;
  }
  .sx-md\:text-base {
    font-size: var(--fs-1-rem) !important;
  }
  .sx-md\:text-lg {
    font-size: var(--fs-1-125-rem) !important;
  }
  .sx-md\:text-xl {
    font-size: var(--fs-1-25-rem) !important;
  }
  .sx-md\:text-2xl {
    font-size: var(--fs-1-5-rem) !important;
  }
  .sx-md\:text-3xl {
    font-size: var(--fs-1-75-rem) !important;
  }
  .sx-md\:text-4xl {
    font-size: var(--fs-2-rem) !important;
  }
  .sx-md\:text-5xl {
    font-size: var(--fs-2-5-rem) !important;
  }
  .sx-md\:text-6xl {
    font-size: var(--fs-3-rem) !important;
  }
  .sx-md\:text-7xl {
    font-size: var(--fs-4-rem) !important;
  }
  .sx-md\:text-8xl {
    font-size: var(--fs-6-rem) !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:text-xs {
    font-size: var(--fs-0-75-rem) !important;
  }
  .sx-lg\:text-sm {
    font-size: var(--fs-0-875-rem) !important;
  }
  .sx-lg\:text-base {
    font-size: var(--fs-1-rem) !important;
  }
  .sx-lg\:text-lg {
    font-size: var(--fs-1-125-rem) !important;
  }
  .sx-lg\:text-xl {
    font-size: var(--fs-1-25-rem) !important;
  }
  .sx-lg\:text-2xl {
    font-size: var(--fs-1-5-rem) !important;
  }
  .sx-lg\:text-3xl {
    font-size: var(--fs-1-75-rem) !important;
  }
  .sx-lg\:text-4xl {
    font-size: var(--fs-2-rem) !important;
  }
  .sx-lg\:text-5xl {
    font-size: var(--fs-2-5-rem) !important;
  }
  .sx-lg\:text-6xl {
    font-size: var(--fs-3-rem) !important;
  }
  .sx-lg\:text-7xl {
    font-size: var(--fs-4-rem) !important;
  }
  .sx-lg\:text-8xl {
    font-size: var(--fs-6-rem) !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:text-xs {
    font-size: var(--fs-0-75-rem) !important;
  }
  .sx-xl\:text-sm {
    font-size: var(--fs-0-875-rem) !important;
  }
  .sx-xl\:text-base {
    font-size: var(--fs-1-rem) !important;
  }
  .sx-xl\:text-lg {
    font-size: var(--fs-1-125-rem) !important;
  }
  .sx-xl\:text-xl {
    font-size: var(--fs-1-25-rem) !important;
  }
  .sx-xl\:text-2xl {
    font-size: var(--fs-1-5-rem) !important;
  }
  .sx-xl\:text-3xl {
    font-size: var(--fs-1-75-rem) !important;
  }
  .sx-xl\:text-4xl {
    font-size: var(--fs-2-rem) !important;
  }
  .sx-xl\:text-5xl {
    font-size: var(--fs-2-5-rem) !important;
  }
  .sx-xl\:text-6xl {
    font-size: var(--fs-3-rem) !important;
  }
  .sx-xl\:text-7xl {
    font-size: var(--fs-4-rem) !important;
  }
  .sx-xl\:text-8xl {
    font-size: var(--fs-6-rem) !important;
  }
}
.sx-line-height-1 {
  line-height: 1 !important;
}

.sx-line-height-2 {
  line-height: 1.25 !important;
}

.sx-line-height-3 {
  line-height: 1.5 !important;
}

.sx-line-height-4 {
  line-height: 2 !important;
}

.sx-white-space-normal {
  white-space: normal !important;
}

.sx-white-space-nowrap {
  white-space: nowrap !important;
}

.sx-vertical-align-baseline {
  vertical-align: baseline !important;
}

.sx-vertical-align-top {
  vertical-align: top !important;
}

.sx-vertical-align-middle {
  vertical-align: middle !important;
}

.sx-vertical-align-bottom {
  vertical-align: bottom !important;
}

.sx-vertical-align-text-top {
  vertical-align: text-top !important;
}

.sx-vertical-align-text-bottom {
  vertical-align: text-bottom !important;
}

.sx-vertical-align-sub {
  vertical-align: sub !important;
}

.sx-vertical-align-super {
  vertical-align: super !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .sx-sm\:vertical-align-top {
    vertical-align: top !important;
  }
  .sx-sm\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .sx-sm\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .sx-sm\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .sx-sm\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .sx-sm\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .sx-sm\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .sx-md\:vertical-align-top {
    vertical-align: top !important;
  }
  .sx-md\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .sx-md\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .sx-md\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .sx-md\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .sx-md\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .sx-md\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .sx-lg\:vertical-align-top {
    vertical-align: top !important;
  }
  .sx-lg\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .sx-lg\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .sx-lg\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .sx-lg\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .sx-lg\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .sx-lg\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .sx-xl\:vertical-align-top {
    vertical-align: top !important;
  }
  .sx-xl\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .sx-xl\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .sx-xl\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .sx-xl\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .sx-xl\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .sx-xl\:vertical-align-super {
    vertical-align: super !important;
  }
}
.sx-flex-row {
  flex-direction: row !important;
}

.sx-flex-row-reverse {
  flex-direction: row-reverse !important;
}

.sx-flex-column {
  flex-direction: column !important;
}

.sx-flex-column-reverse {
  flex-direction: column-reverse !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:flex-row {
    flex-direction: row !important;
  }
  .sx-sm\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .sx-sm\:flex-column {
    flex-direction: column !important;
  }
  .sx-sm\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:flex-row {
    flex-direction: row !important;
  }
  .sx-md\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .sx-md\:flex-column {
    flex-direction: column !important;
  }
  .sx-md\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:flex-row {
    flex-direction: row !important;
  }
  .sx-lg\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .sx-lg\:flex-column {
    flex-direction: column !important;
  }
  .sx-lg\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:flex-row {
    flex-direction: row !important;
  }
  .sx-xl\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .sx-xl\:flex-column {
    flex-direction: column !important;
  }
  .sx-xl\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.sx-flex-wrap {
  flex-wrap: wrap !important;
}

.sx-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.sx-flex-nowrap {
  flex-wrap: nowrap !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .sx-sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .sx-sm\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .sx-md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .sx-md\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .sx-lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .sx-lg\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .sx-xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .sx-xl\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
.sx-justify-content-start {
  justify-content: flex-start !important;
}

.sx-justify-content-end {
  justify-content: flex-end !important;
}

.sx-justify-content-center {
  justify-content: center !important;
}

.sx-justify-content-between {
  justify-content: space-between !important;
}

.sx-justify-content-around {
  justify-content: space-around !important;
}

.sx-justify-content-evenly {
  justify-content: space-evenly !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:justify-content-start {
    justify-content: flex-start !important;
  }
  .sx-sm\:justify-content-end {
    justify-content: flex-end !important;
  }
  .sx-sm\:justify-content-center {
    justify-content: center !important;
  }
  .sx-sm\:justify-content-between {
    justify-content: space-between !important;
  }
  .sx-sm\:justify-content-around {
    justify-content: space-around !important;
  }
  .sx-sm\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:justify-content-start {
    justify-content: flex-start !important;
  }
  .sx-md\:justify-content-end {
    justify-content: flex-end !important;
  }
  .sx-md\:justify-content-center {
    justify-content: center !important;
  }
  .sx-md\:justify-content-between {
    justify-content: space-between !important;
  }
  .sx-md\:justify-content-around {
    justify-content: space-around !important;
  }
  .sx-md\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:justify-content-start {
    justify-content: flex-start !important;
  }
  .sx-lg\:justify-content-end {
    justify-content: flex-end !important;
  }
  .sx-lg\:justify-content-center {
    justify-content: center !important;
  }
  .sx-lg\:justify-content-between {
    justify-content: space-between !important;
  }
  .sx-lg\:justify-content-around {
    justify-content: space-around !important;
  }
  .sx-lg\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:justify-content-start {
    justify-content: flex-start !important;
  }
  .sx-xl\:justify-content-end {
    justify-content: flex-end !important;
  }
  .sx-xl\:justify-content-center {
    justify-content: center !important;
  }
  .sx-xl\:justify-content-between {
    justify-content: space-between !important;
  }
  .sx-xl\:justify-content-around {
    justify-content: space-around !important;
  }
  .sx-xl\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
.sx-align-content-start {
  align-content: flex-start !important;
}

.sx-align-content-end {
  align-content: flex-end !important;
}

.sx-align-content-center {
  align-content: center !important;
}

.sx-align-content-between {
  align-content: space-between !important;
}

.sx-align-content-around {
  align-content: space-around !important;
}

.sx-align-content-evenly {
  align-content: space-evenly !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:align-content-start {
    align-content: flex-start !important;
  }
  .sx-sm\:align-content-end {
    align-content: flex-end !important;
  }
  .sx-sm\:align-content-center {
    align-content: center !important;
  }
  .sx-sm\:align-content-between {
    align-content: space-between !important;
  }
  .sx-sm\:align-content-around {
    align-content: space-around !important;
  }
  .sx-sm\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:align-content-start {
    align-content: flex-start !important;
  }
  .sx-md\:align-content-end {
    align-content: flex-end !important;
  }
  .sx-md\:align-content-center {
    align-content: center !important;
  }
  .sx-md\:align-content-between {
    align-content: space-between !important;
  }
  .sx-md\:align-content-around {
    align-content: space-around !important;
  }
  .sx-md\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:align-content-start {
    align-content: flex-start !important;
  }
  .sx-lg\:align-content-end {
    align-content: flex-end !important;
  }
  .sx-lg\:align-content-center {
    align-content: center !important;
  }
  .sx-lg\:align-content-between {
    align-content: space-between !important;
  }
  .sx-lg\:align-content-around {
    align-content: space-around !important;
  }
  .sx-lg\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:align-content-start {
    align-content: flex-start !important;
  }
  .sx-xl\:align-content-end {
    align-content: flex-end !important;
  }
  .sx-xl\:align-content-center {
    align-content: center !important;
  }
  .sx-xl\:align-content-between {
    align-content: space-between !important;
  }
  .sx-xl\:align-content-around {
    align-content: space-around !important;
  }
  .sx-xl\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
.sx-align-items-stretch {
  align-items: stretch !important;
}

.sx-align-items-start {
  align-items: flex-start !important;
}

.sx-align-items-center {
  align-items: center !important;
}

.sx-align-items-end {
  align-items: flex-end !important;
}

.sx-align-items-baseline {
  align-items: baseline !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:align-items-stretch {
    align-items: stretch !important;
  }
  .sx-sm\:align-items-start {
    align-items: flex-start !important;
  }
  .sx-sm\:align-items-center {
    align-items: center !important;
  }
  .sx-sm\:align-items-end {
    align-items: flex-end !important;
  }
  .sx-sm\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:align-items-stretch {
    align-items: stretch !important;
  }
  .sx-md\:align-items-start {
    align-items: flex-start !important;
  }
  .sx-md\:align-items-center {
    align-items: center !important;
  }
  .sx-md\:align-items-end {
    align-items: flex-end !important;
  }
  .sx-md\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:align-items-stretch {
    align-items: stretch !important;
  }
  .sx-lg\:align-items-start {
    align-items: flex-start !important;
  }
  .sx-lg\:align-items-center {
    align-items: center !important;
  }
  .sx-lg\:align-items-end {
    align-items: flex-end !important;
  }
  .sx-lg\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:align-items-stretch {
    align-items: stretch !important;
  }
  .sx-xl\:align-items-start {
    align-items: flex-start !important;
  }
  .sx-xl\:align-items-center {
    align-items: center !important;
  }
  .sx-xl\:align-items-end {
    align-items: flex-end !important;
  }
  .sx-xl\:align-items-baseline {
    align-items: baseline !important;
  }
}
.sx-align-self-auto {
  align-self: auto !important;
}

.sx-align-self-start {
  align-self: flex-start !important;
}

.sx-align-self-end {
  align-self: flex-end !important;
}

.sx-align-self-center {
  align-self: center !important;
}

.sx-align-self-stretch {
  align-self: stretch !important;
}

.sx-align-self-baseline {
  align-self: baseline !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:align-self-auto {
    align-self: auto !important;
  }
  .sx-sm\:align-self-start {
    align-self: flex-start !important;
  }
  .sx-sm\:align-self-end {
    align-self: flex-end !important;
  }
  .sx-sm\:align-self-center {
    align-self: center !important;
  }
  .sx-sm\:align-self-stretch {
    align-self: stretch !important;
  }
  .sx-sm\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:align-self-auto {
    align-self: auto !important;
  }
  .sx-md\:align-self-start {
    align-self: flex-start !important;
  }
  .sx-md\:align-self-end {
    align-self: flex-end !important;
  }
  .sx-md\:align-self-center {
    align-self: center !important;
  }
  .sx-md\:align-self-stretch {
    align-self: stretch !important;
  }
  .sx-md\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:align-self-auto {
    align-self: auto !important;
  }
  .sx-lg\:align-self-start {
    align-self: flex-start !important;
  }
  .sx-lg\:align-self-end {
    align-self: flex-end !important;
  }
  .sx-lg\:align-self-center {
    align-self: center !important;
  }
  .sx-lg\:align-self-stretch {
    align-self: stretch !important;
  }
  .sx-lg\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:align-self-auto {
    align-self: auto !important;
  }
  .sx-xl\:align-self-start {
    align-self: flex-start !important;
  }
  .sx-xl\:align-self-end {
    align-self: flex-end !important;
  }
  .sx-xl\:align-self-center {
    align-self: center !important;
  }
  .sx-xl\:align-self-stretch {
    align-self: stretch !important;
  }
  .sx-xl\:align-self-baseline {
    align-self: baseline !important;
  }
}
.sx-flex-order-0 {
  order: 0 !important;
}

.sx-flex-order-1 {
  order: 1 !important;
}

.sx-flex-order-2 {
  order: 2 !important;
}

.sx-flex-order-3 {
  order: 3 !important;
}

.sx-flex-order-4 {
  order: 4 !important;
}

.sx-flex-order-5 {
  order: 5 !important;
}

.sx-flex-order-6 {
  order: 6 !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:flex-order-0 {
    order: 0 !important;
  }
  .sx-sm\:flex-order-1 {
    order: 1 !important;
  }
  .sx-sm\:flex-order-2 {
    order: 2 !important;
  }
  .sx-sm\:flex-order-3 {
    order: 3 !important;
  }
  .sx-sm\:flex-order-4 {
    order: 4 !important;
  }
  .sx-sm\:flex-order-5 {
    order: 5 !important;
  }
  .sx-sm\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:flex-order-0 {
    order: 0 !important;
  }
  .sx-md\:flex-order-1 {
    order: 1 !important;
  }
  .sx-md\:flex-order-2 {
    order: 2 !important;
  }
  .sx-md\:flex-order-3 {
    order: 3 !important;
  }
  .sx-md\:flex-order-4 {
    order: 4 !important;
  }
  .sx-md\:flex-order-5 {
    order: 5 !important;
  }
  .sx-md\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:flex-order-0 {
    order: 0 !important;
  }
  .sx-lg\:flex-order-1 {
    order: 1 !important;
  }
  .sx-lg\:flex-order-2 {
    order: 2 !important;
  }
  .sx-lg\:flex-order-3 {
    order: 3 !important;
  }
  .sx-lg\:flex-order-4 {
    order: 4 !important;
  }
  .sx-lg\:flex-order-5 {
    order: 5 !important;
  }
  .sx-lg\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:flex-order-0 {
    order: 0 !important;
  }
  .sx-xl\:flex-order-1 {
    order: 1 !important;
  }
  .sx-xl\:flex-order-2 {
    order: 2 !important;
  }
  .sx-xl\:flex-order-3 {
    order: 3 !important;
  }
  .sx-xl\:flex-order-4 {
    order: 4 !important;
  }
  .sx-xl\:flex-order-5 {
    order: 5 !important;
  }
  .sx-xl\:flex-order-6 {
    order: 6 !important;
  }
}
.sx-flex-1 {
  flex: 1 1 0% !important;
}

.sx-flex-auto {
  flex: 1 1 auto !important;
}

.sx-flex-initial {
  flex: 0 1 auto !important;
}

.sx-flex-none {
  flex: none !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:flex-1 {
    flex: 1 1 0% !important;
  }
  .sx-sm\:flex-auto {
    flex: 1 1 auto !important;
  }
  .sx-sm\:flex-initial {
    flex: 0 1 auto !important;
  }
  .sx-sm\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:flex-1 {
    flex: 1 1 0% !important;
  }
  .sx-md\:flex-auto {
    flex: 1 1 auto !important;
  }
  .sx-md\:flex-initial {
    flex: 0 1 auto !important;
  }
  .sx-md\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:flex-1 {
    flex: 1 1 0% !important;
  }
  .sx-lg\:flex-auto {
    flex: 1 1 auto !important;
  }
  .sx-lg\:flex-initial {
    flex: 0 1 auto !important;
  }
  .sx-lg\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:flex-1 {
    flex: 1 1 0% !important;
  }
  .sx-xl\:flex-auto {
    flex: 1 1 auto !important;
  }
  .sx-xl\:flex-initial {
    flex: 0 1 auto !important;
  }
  .sx-xl\:flex-none {
    flex: none !important;
  }
}
.sx-flex-grow-0 {
  flex-grow: 0 !important;
}

.sx-flex-grow-1 {
  flex-grow: 1 !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .sx-sm\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .sx-md\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .sx-lg\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .sx-xl\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
.sx-flex-shrink-0 {
  flex-shrink: 0 !important;
}

.sx-flex-shrink-1 {
  flex-shrink: 1 !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .sx-sm\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .sx-md\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .sx-lg\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .sx-xl\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
.sx-gap-0 {
  gap: 0rem !important;
}

.sx-gap-1 {
  gap: 0.25rem !important;
}

.sx-gap-2 {
  gap: 0.5rem !important;
}

.sx-gap-3 {
  gap: 1rem !important;
}

.sx-gap-4 {
  gap: 1.5rem !important;
}

.sx-gap-5 {
  gap: 2rem !important;
}

.sx-gap-6 {
  gap: 3rem !important;
}

.sx-gap-7 {
  gap: 4rem !important;
}

.sx-gap-8 {
  gap: 5rem !important;
}

.sx-row-gap-0 {
  row-gap: 0rem !important;
}

.sx-row-gap-1 {
  row-gap: 0.25rem !important;
}

.sx-row-gap-2 {
  row-gap: 0.5rem !important;
}

.sx-row-gap-3 {
  row-gap: 1rem !important;
}

.sx-row-gap-4 {
  row-gap: 1.5rem !important;
}

.sx-row-gap-5 {
  row-gap: 2rem !important;
}

.sx-row-gap-6 {
  row-gap: 3rem !important;
}

.sx-row-gap-7 {
  row-gap: 4rem !important;
}

.sx-row-gap-8 {
  row-gap: 5rem !important;
}

.sx-column-gap-0 {
  column-gap: 0rem !important;
}

.sx-column-gap-1 {
  column-gap: 0.25rem !important;
}

.sx-column-gap-2 {
  column-gap: 0.5rem !important;
}

.sx-column-gap-3 {
  column-gap: 1rem !important;
}

.sx-column-gap-4 {
  column-gap: 1.5rem !important;
}

.sx-column-gap-5 {
  column-gap: 2rem !important;
}

.sx-column-gap-6 {
  column-gap: 3rem !important;
}

.sx-column-gap-7 {
  column-gap: 4rem !important;
}

.sx-column-gap-8 {
  column-gap: 5rem !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:gap-0 {
    gap: 0rem !important;
  }
  .sx-sm\:gap-1 {
    gap: 0.25rem !important;
  }
  .sx-sm\:gap-2 {
    gap: 0.5rem !important;
  }
  .sx-sm\:gap-3 {
    gap: 1rem !important;
  }
  .sx-sm\:gap-4 {
    gap: 1.5rem !important;
  }
  .sx-sm\:gap-5 {
    gap: 2rem !important;
  }
  .sx-sm\:gap-6 {
    gap: 3rem !important;
  }
  .sx-sm\:gap-7 {
    gap: 4rem !important;
  }
  .sx-sm\:gap-8 {
    gap: 5rem !important;
  }
  .sx-sm\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .sx-sm\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .sx-sm\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .sx-sm\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .sx-sm\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .sx-sm\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .sx-sm\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .sx-sm\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .sx-sm\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .sx-sm\:column-gap-0 {
    column-gap: 0rem !important;
  }
  .sx-sm\:column-gap-1 {
    column-gap: 0.25rem !important;
  }
  .sx-sm\:column-gap-2 {
    column-gap: 0.5rem !important;
  }
  .sx-sm\:column-gap-3 {
    column-gap: 1rem !important;
  }
  .sx-sm\:column-gap-4 {
    column-gap: 1.5rem !important;
  }
  .sx-sm\:column-gap-5 {
    column-gap: 2rem !important;
  }
  .sx-sm\:column-gap-6 {
    column-gap: 3rem !important;
  }
  .sx-sm\:column-gap-7 {
    column-gap: 4rem !important;
  }
  .sx-sm\:column-gap-8 {
    column-gap: 5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:gap-0 {
    gap: 0rem !important;
  }
  .sx-md\:gap-1 {
    gap: 0.25rem !important;
  }
  .sx-md\:gap-2 {
    gap: 0.5rem !important;
  }
  .sx-md\:gap-3 {
    gap: 1rem !important;
  }
  .sx-md\:gap-4 {
    gap: 1.5rem !important;
  }
  .sx-md\:gap-5 {
    gap: 2rem !important;
  }
  .sx-md\:gap-6 {
    gap: 3rem !important;
  }
  .sx-md\:gap-7 {
    gap: 4rem !important;
  }
  .sx-md\:gap-8 {
    gap: 5rem !important;
  }
  .sx-md\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .sx-md\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .sx-md\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .sx-md\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .sx-md\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .sx-md\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .sx-md\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .sx-md\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .sx-md\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .sx-md\:column-gap-0 {
    column-gap: 0rem !important;
  }
  .sx-md\:column-gap-1 {
    column-gap: 0.25rem !important;
  }
  .sx-md\:column-gap-2 {
    column-gap: 0.5rem !important;
  }
  .sx-md\:column-gap-3 {
    column-gap: 1rem !important;
  }
  .sx-md\:column-gap-4 {
    column-gap: 1.5rem !important;
  }
  .sx-md\:column-gap-5 {
    column-gap: 2rem !important;
  }
  .sx-md\:column-gap-6 {
    column-gap: 3rem !important;
  }
  .sx-md\:column-gap-7 {
    column-gap: 4rem !important;
  }
  .sx-md\:column-gap-8 {
    column-gap: 5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:gap-0 {
    gap: 0rem !important;
  }
  .sx-lg\:gap-1 {
    gap: 0.25rem !important;
  }
  .sx-lg\:gap-2 {
    gap: 0.5rem !important;
  }
  .sx-lg\:gap-3 {
    gap: 1rem !important;
  }
  .sx-lg\:gap-4 {
    gap: 1.5rem !important;
  }
  .sx-lg\:gap-5 {
    gap: 2rem !important;
  }
  .sx-lg\:gap-6 {
    gap: 3rem !important;
  }
  .sx-lg\:gap-7 {
    gap: 4rem !important;
  }
  .sx-lg\:gap-8 {
    gap: 5rem !important;
  }
  .sx-lg\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .sx-lg\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .sx-lg\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .sx-lg\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .sx-lg\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .sx-lg\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .sx-lg\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .sx-lg\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .sx-lg\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .sx-lg\:column-gap-0 {
    column-gap: 0rem !important;
  }
  .sx-lg\:column-gap-1 {
    column-gap: 0.25rem !important;
  }
  .sx-lg\:column-gap-2 {
    column-gap: 0.5rem !important;
  }
  .sx-lg\:column-gap-3 {
    column-gap: 1rem !important;
  }
  .sx-lg\:column-gap-4 {
    column-gap: 1.5rem !important;
  }
  .sx-lg\:column-gap-5 {
    column-gap: 2rem !important;
  }
  .sx-lg\:column-gap-6 {
    column-gap: 3rem !important;
  }
  .sx-lg\:column-gap-7 {
    column-gap: 4rem !important;
  }
  .sx-lg\:column-gap-8 {
    column-gap: 5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:gap-0 {
    gap: 0rem !important;
  }
  .sx-xl\:gap-1 {
    gap: 0.25rem !important;
  }
  .sx-xl\:gap-2 {
    gap: 0.5rem !important;
  }
  .sx-xl\:gap-3 {
    gap: 1rem !important;
  }
  .sx-xl\:gap-4 {
    gap: 1.5rem !important;
  }
  .sx-xl\:gap-5 {
    gap: 2rem !important;
  }
  .sx-xl\:gap-6 {
    gap: 3rem !important;
  }
  .sx-xl\:gap-7 {
    gap: 4rem !important;
  }
  .sx-xl\:gap-8 {
    gap: 5rem !important;
  }
  .sx-xl\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .sx-xl\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .sx-xl\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .sx-xl\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .sx-xl\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .sx-xl\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .sx-xl\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .sx-xl\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .sx-xl\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .sx-xl\:column-gap-0 {
    column-gap: 0rem !important;
  }
  .sx-xl\:column-gap-1 {
    column-gap: 0.25rem !important;
  }
  .sx-xl\:column-gap-2 {
    column-gap: 0.5rem !important;
  }
  .sx-xl\:column-gap-3 {
    column-gap: 1rem !important;
  }
  .sx-xl\:column-gap-4 {
    column-gap: 1.5rem !important;
  }
  .sx-xl\:column-gap-5 {
    column-gap: 2rem !important;
  }
  .sx-xl\:column-gap-6 {
    column-gap: 3rem !important;
  }
  .sx-xl\:column-gap-7 {
    column-gap: 4rem !important;
  }
  .sx-xl\:column-gap-8 {
    column-gap: 5rem !important;
  }
}
.sx-p-0 {
  padding: 0rem !important;
}

.sx-p-1 {
  padding: 0.25rem !important;
}

.sx-p-2 {
  padding: 0.5rem !important;
}

.sx-p-3 {
  padding: 1rem !important;
}

.sx-p-4 {
  padding: 1.5rem !important;
}

.sx-p-5 {
  padding: 2rem !important;
}

.sx-p-6 {
  padding: 3rem !important;
}

.sx-p-7 {
  padding: 4rem !important;
}

.sx-p-8 {
  padding: 5rem !important;
}

.sx-pt-0 {
  padding-top: 0rem !important;
}

.sx-pt-1 {
  padding-top: 0.25rem !important;
}

.sx-pt-2 {
  padding-top: 0.5rem !important;
}

.sx-pt-3 {
  padding-top: 1rem !important;
}

.sx-pt-4 {
  padding-top: 1.5rem !important;
}

.sx-pt-5 {
  padding-top: 2rem !important;
}

.sx-pt-6 {
  padding-top: 3rem !important;
}

.sx-pt-7 {
  padding-top: 4rem !important;
}

.sx-pt-8 {
  padding-top: 5rem !important;
}

.sx-pr-0 {
  padding-right: 0rem !important;
}

.sx-pr-1 {
  padding-right: 0.25rem !important;
}

.sx-pr-2 {
  padding-right: 0.5rem !important;
}

.sx-pr-3 {
  padding-right: 1rem !important;
}

.sx-pr-4 {
  padding-right: 1.5rem !important;
}

.sx-pr-5 {
  padding-right: 2rem !important;
}

.sx-pr-6 {
  padding-right: 3rem !important;
}

.sx-pr-7 {
  padding-right: 4rem !important;
}

.sx-pr-8 {
  padding-right: 5rem !important;
}

.sx-pl-0 {
  padding-left: 0rem !important;
}

.sx-pl-1 {
  padding-left: 0.25rem !important;
}

.sx-pl-2 {
  padding-left: 0.5rem !important;
}

.sx-pl-3 {
  padding-left: 1rem !important;
}

.sx-pl-4 {
  padding-left: 1.5rem !important;
}

.sx-pl-5 {
  padding-left: 2rem !important;
}

.sx-pl-6 {
  padding-left: 3rem !important;
}

.sx-pl-7 {
  padding-left: 4rem !important;
}

.sx-pl-8 {
  padding-left: 5rem !important;
}

.sx-pb-0 {
  padding-bottom: 0rem !important;
}

.sx-pb-1 {
  padding-bottom: 0.25rem !important;
}

.sx-pb-2 {
  padding-bottom: 0.5rem !important;
}

.sx-pb-3 {
  padding-bottom: 1rem !important;
}

.sx-pb-4 {
  padding-bottom: 1.5rem !important;
}

.sx-pb-5 {
  padding-bottom: 2rem !important;
}

.sx-pb-6 {
  padding-bottom: 3rem !important;
}

.sx-pb-7 {
  padding-bottom: 4rem !important;
}

.sx-pb-8 {
  padding-bottom: 5rem !important;
}

.sx-px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.sx-px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.sx-px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.sx-px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.sx-px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.sx-px-5 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.sx-px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.sx-px-7 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.sx-px-8 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.sx-py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.sx-py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.sx-py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.sx-py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.sx-py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.sx-py-5 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.sx-py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.sx-py-7 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.sx-py-8 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:p-0 {
    padding: 0rem !important;
  }
  .sx-sm\:p-1 {
    padding: 0.25rem !important;
  }
  .sx-sm\:p-2 {
    padding: 0.5rem !important;
  }
  .sx-sm\:p-3 {
    padding: 1rem !important;
  }
  .sx-sm\:p-4 {
    padding: 1.5rem !important;
  }
  .sx-sm\:p-5 {
    padding: 2rem !important;
  }
  .sx-sm\:p-6 {
    padding: 3rem !important;
  }
  .sx-sm\:p-7 {
    padding: 4rem !important;
  }
  .sx-sm\:p-8 {
    padding: 5rem !important;
  }
  .sx-sm\:pt-0 {
    padding-top: 0rem !important;
  }
  .sx-sm\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .sx-sm\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .sx-sm\:pt-3 {
    padding-top: 1rem !important;
  }
  .sx-sm\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .sx-sm\:pt-5 {
    padding-top: 2rem !important;
  }
  .sx-sm\:pt-6 {
    padding-top: 3rem !important;
  }
  .sx-sm\:pt-7 {
    padding-top: 4rem !important;
  }
  .sx-sm\:pt-8 {
    padding-top: 5rem !important;
  }
  .sx-sm\:pr-0 {
    padding-right: 0rem !important;
  }
  .sx-sm\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .sx-sm\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .sx-sm\:pr-3 {
    padding-right: 1rem !important;
  }
  .sx-sm\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .sx-sm\:pr-5 {
    padding-right: 2rem !important;
  }
  .sx-sm\:pr-6 {
    padding-right: 3rem !important;
  }
  .sx-sm\:pr-7 {
    padding-right: 4rem !important;
  }
  .sx-sm\:pr-8 {
    padding-right: 5rem !important;
  }
  .sx-sm\:pl-0 {
    padding-left: 0rem !important;
  }
  .sx-sm\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .sx-sm\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .sx-sm\:pl-3 {
    padding-left: 1rem !important;
  }
  .sx-sm\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .sx-sm\:pl-5 {
    padding-left: 2rem !important;
  }
  .sx-sm\:pl-6 {
    padding-left: 3rem !important;
  }
  .sx-sm\:pl-7 {
    padding-left: 4rem !important;
  }
  .sx-sm\:pl-8 {
    padding-left: 5rem !important;
  }
  .sx-sm\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .sx-sm\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .sx-sm\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .sx-sm\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .sx-sm\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .sx-sm\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .sx-sm\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .sx-sm\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .sx-sm\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .sx-sm\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .sx-sm\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .sx-sm\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .sx-sm\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .sx-sm\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .sx-sm\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .sx-sm\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .sx-sm\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .sx-sm\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .sx-sm\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .sx-sm\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .sx-sm\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .sx-sm\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .sx-sm\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .sx-sm\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .sx-sm\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .sx-sm\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .sx-sm\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:p-0 {
    padding: 0rem !important;
  }
  .sx-md\:p-1 {
    padding: 0.25rem !important;
  }
  .sx-md\:p-2 {
    padding: 0.5rem !important;
  }
  .sx-md\:p-3 {
    padding: 1rem !important;
  }
  .sx-md\:p-4 {
    padding: 1.5rem !important;
  }
  .sx-md\:p-5 {
    padding: 2rem !important;
  }
  .sx-md\:p-6 {
    padding: 3rem !important;
  }
  .sx-md\:p-7 {
    padding: 4rem !important;
  }
  .sx-md\:p-8 {
    padding: 5rem !important;
  }
  .sx-md\:pt-0 {
    padding-top: 0rem !important;
  }
  .sx-md\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .sx-md\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .sx-md\:pt-3 {
    padding-top: 1rem !important;
  }
  .sx-md\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .sx-md\:pt-5 {
    padding-top: 2rem !important;
  }
  .sx-md\:pt-6 {
    padding-top: 3rem !important;
  }
  .sx-md\:pt-7 {
    padding-top: 4rem !important;
  }
  .sx-md\:pt-8 {
    padding-top: 5rem !important;
  }
  .sx-md\:pr-0 {
    padding-right: 0rem !important;
  }
  .sx-md\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .sx-md\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .sx-md\:pr-3 {
    padding-right: 1rem !important;
  }
  .sx-md\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .sx-md\:pr-5 {
    padding-right: 2rem !important;
  }
  .sx-md\:pr-6 {
    padding-right: 3rem !important;
  }
  .sx-md\:pr-7 {
    padding-right: 4rem !important;
  }
  .sx-md\:pr-8 {
    padding-right: 5rem !important;
  }
  .sx-md\:pl-0 {
    padding-left: 0rem !important;
  }
  .sx-md\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .sx-md\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .sx-md\:pl-3 {
    padding-left: 1rem !important;
  }
  .sx-md\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .sx-md\:pl-5 {
    padding-left: 2rem !important;
  }
  .sx-md\:pl-6 {
    padding-left: 3rem !important;
  }
  .sx-md\:pl-7 {
    padding-left: 4rem !important;
  }
  .sx-md\:pl-8 {
    padding-left: 5rem !important;
  }
  .sx-md\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .sx-md\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .sx-md\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .sx-md\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .sx-md\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .sx-md\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .sx-md\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .sx-md\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .sx-md\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .sx-md\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .sx-md\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .sx-md\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .sx-md\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .sx-md\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .sx-md\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .sx-md\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .sx-md\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .sx-md\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .sx-md\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .sx-md\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .sx-md\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .sx-md\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .sx-md\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .sx-md\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .sx-md\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .sx-md\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .sx-md\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:p-0 {
    padding: 0rem !important;
  }
  .sx-lg\:p-1 {
    padding: 0.25rem !important;
  }
  .sx-lg\:p-2 {
    padding: 0.5rem !important;
  }
  .sx-lg\:p-3 {
    padding: 1rem !important;
  }
  .sx-lg\:p-4 {
    padding: 1.5rem !important;
  }
  .sx-lg\:p-5 {
    padding: 2rem !important;
  }
  .sx-lg\:p-6 {
    padding: 3rem !important;
  }
  .sx-lg\:p-7 {
    padding: 4rem !important;
  }
  .sx-lg\:p-8 {
    padding: 5rem !important;
  }
  .sx-lg\:pt-0 {
    padding-top: 0rem !important;
  }
  .sx-lg\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .sx-lg\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .sx-lg\:pt-3 {
    padding-top: 1rem !important;
  }
  .sx-lg\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .sx-lg\:pt-5 {
    padding-top: 2rem !important;
  }
  .sx-lg\:pt-6 {
    padding-top: 3rem !important;
  }
  .sx-lg\:pt-7 {
    padding-top: 4rem !important;
  }
  .sx-lg\:pt-8 {
    padding-top: 5rem !important;
  }
  .sx-lg\:pr-0 {
    padding-right: 0rem !important;
  }
  .sx-lg\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .sx-lg\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .sx-lg\:pr-3 {
    padding-right: 1rem !important;
  }
  .sx-lg\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .sx-lg\:pr-5 {
    padding-right: 2rem !important;
  }
  .sx-lg\:pr-6 {
    padding-right: 3rem !important;
  }
  .sx-lg\:pr-7 {
    padding-right: 4rem !important;
  }
  .sx-lg\:pr-8 {
    padding-right: 5rem !important;
  }
  .sx-lg\:pl-0 {
    padding-left: 0rem !important;
  }
  .sx-lg\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .sx-lg\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .sx-lg\:pl-3 {
    padding-left: 1rem !important;
  }
  .sx-lg\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .sx-lg\:pl-5 {
    padding-left: 2rem !important;
  }
  .sx-lg\:pl-6 {
    padding-left: 3rem !important;
  }
  .sx-lg\:pl-7 {
    padding-left: 4rem !important;
  }
  .sx-lg\:pl-8 {
    padding-left: 5rem !important;
  }
  .sx-lg\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .sx-lg\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .sx-lg\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .sx-lg\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .sx-lg\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .sx-lg\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .sx-lg\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .sx-lg\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .sx-lg\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .sx-lg\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .sx-lg\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .sx-lg\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .sx-lg\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .sx-lg\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .sx-lg\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .sx-lg\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .sx-lg\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .sx-lg\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .sx-lg\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .sx-lg\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .sx-lg\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .sx-lg\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .sx-lg\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .sx-lg\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .sx-lg\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .sx-lg\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .sx-lg\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:p-0 {
    padding: 0rem !important;
  }
  .sx-xl\:p-1 {
    padding: 0.25rem !important;
  }
  .sx-xl\:p-2 {
    padding: 0.5rem !important;
  }
  .sx-xl\:p-3 {
    padding: 1rem !important;
  }
  .sx-xl\:p-4 {
    padding: 1.5rem !important;
  }
  .sx-xl\:p-5 {
    padding: 2rem !important;
  }
  .sx-xl\:p-6 {
    padding: 3rem !important;
  }
  .sx-xl\:p-7 {
    padding: 4rem !important;
  }
  .sx-xl\:p-8 {
    padding: 5rem !important;
  }
  .sx-xl\:pt-0 {
    padding-top: 0rem !important;
  }
  .sx-xl\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .sx-xl\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .sx-xl\:pt-3 {
    padding-top: 1rem !important;
  }
  .sx-xl\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .sx-xl\:pt-5 {
    padding-top: 2rem !important;
  }
  .sx-xl\:pt-6 {
    padding-top: 3rem !important;
  }
  .sx-xl\:pt-7 {
    padding-top: 4rem !important;
  }
  .sx-xl\:pt-8 {
    padding-top: 5rem !important;
  }
  .sx-xl\:pr-0 {
    padding-right: 0rem !important;
  }
  .sx-xl\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .sx-xl\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .sx-xl\:pr-3 {
    padding-right: 1rem !important;
  }
  .sx-xl\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .sx-xl\:pr-5 {
    padding-right: 2rem !important;
  }
  .sx-xl\:pr-6 {
    padding-right: 3rem !important;
  }
  .sx-xl\:pr-7 {
    padding-right: 4rem !important;
  }
  .sx-xl\:pr-8 {
    padding-right: 5rem !important;
  }
  .sx-xl\:pl-0 {
    padding-left: 0rem !important;
  }
  .sx-xl\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .sx-xl\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .sx-xl\:pl-3 {
    padding-left: 1rem !important;
  }
  .sx-xl\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .sx-xl\:pl-5 {
    padding-left: 2rem !important;
  }
  .sx-xl\:pl-6 {
    padding-left: 3rem !important;
  }
  .sx-xl\:pl-7 {
    padding-left: 4rem !important;
  }
  .sx-xl\:pl-8 {
    padding-left: 5rem !important;
  }
  .sx-xl\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .sx-xl\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .sx-xl\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .sx-xl\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .sx-xl\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .sx-xl\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .sx-xl\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .sx-xl\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .sx-xl\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .sx-xl\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .sx-xl\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .sx-xl\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .sx-xl\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .sx-xl\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .sx-xl\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .sx-xl\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .sx-xl\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .sx-xl\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .sx-xl\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .sx-xl\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .sx-xl\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .sx-xl\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .sx-xl\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .sx-xl\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .sx-xl\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .sx-xl\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .sx-xl\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
.sx-m-0 {
  margin: 0rem !important;
}

.sx-m-1 {
  margin: 0.25rem !important;
}

.sx-m-2 {
  margin: 0.5rem !important;
}

.sx-m-3 {
  margin: 1rem !important;
}

.sx-m-4 {
  margin: 1.5rem !important;
}

.sx-m-5 {
  margin: 2rem !important;
}

.sx-m-6 {
  margin: 3rem !important;
}

.sx-m-7 {
  margin: 4rem !important;
}

.sx-m-8 {
  margin: 5rem !important;
}

.sx--m-1 {
  margin: -0.25rem !important;
}

.sx--m-2 {
  margin: -0.5rem !important;
}

.sx--m-3 {
  margin: -1rem !important;
}

.sx--m-4 {
  margin: -1.5rem !important;
}

.sx--m-5 {
  margin: -2rem !important;
}

.sx--m-6 {
  margin: -3rem !important;
}

.sx--m-7 {
  margin: -4rem !important;
}

.sx--m-8 {
  margin: -5rem !important;
}

.sx-m-auto {
  margin: auto !important;
}

.sx-mt-0 {
  margin-top: 0rem !important;
}

.sx-mt-1 {
  margin-top: 0.25rem !important;
}

.sx-mt-2 {
  margin-top: 0.5rem !important;
}

.sx-mt-3 {
  margin-top: 1rem !important;
}

.sx-mt-4 {
  margin-top: 1.5rem !important;
}

.sx-mt-5 {
  margin-top: 2rem !important;
}

.sx-mt-6 {
  margin-top: 3rem !important;
}

.sx-mt-7 {
  margin-top: 4rem !important;
}

.sx-mt-8 {
  margin-top: 5rem !important;
}

.sx--mt-1 {
  margin-top: -0.25rem !important;
}

.sx--mt-2 {
  margin-top: -0.5rem !important;
}

.sx--mt-3 {
  margin-top: -1rem !important;
}

.sx--mt-4 {
  margin-top: -1.5rem !important;
}

.sx--mt-5 {
  margin-top: -2rem !important;
}

.sx--mt-6 {
  margin-top: -3rem !important;
}

.sx--mt-7 {
  margin-top: -4rem !important;
}

.sx--mt-8 {
  margin-top: -5rem !important;
}

.sx-mt-auto {
  margin-top: auto !important;
}

.sx-mr-0 {
  margin-right: 0rem !important;
}

.sx-mr-1 {
  margin-right: 0.25rem !important;
}

.sx-mr-2 {
  margin-right: 0.5rem !important;
}

.sx-mr-3 {
  margin-right: 1rem !important;
}

.sx-mr-4 {
  margin-right: 1.5rem !important;
}

.sx-mr-5 {
  margin-right: 2rem !important;
}

.sx-mr-6 {
  margin-right: 3rem !important;
}

.sx-mr-7 {
  margin-right: 4rem !important;
}

.sx-mr-8 {
  margin-right: 5rem !important;
}

.sx--mr-1 {
  margin-right: -0.25rem !important;
}

.sx--mr-2 {
  margin-right: -0.5rem !important;
}

.sx--mr-3 {
  margin-right: -1rem !important;
}

.sx--mr-4 {
  margin-right: -1.5rem !important;
}

.sx--mr-5 {
  margin-right: -2rem !important;
}

.sx--mr-6 {
  margin-right: -3rem !important;
}

.sx--mr-7 {
  margin-right: -4rem !important;
}

.sx--mr-8 {
  margin-right: -5rem !important;
}

.sx-mr-auto {
  margin-right: auto !important;
}

.sx-ml-0 {
  margin-left: 0rem !important;
}

.sx-ml-1 {
  margin-left: 0.25rem !important;
}

.sx-ml-2 {
  margin-left: 0.5rem !important;
}

.sx-ml-3 {
  margin-left: 1rem !important;
}

.sx-ml-4 {
  margin-left: 1.5rem !important;
}

.sx-ml-5 {
  margin-left: 2rem !important;
}

.sx-ml-6 {
  margin-left: 3rem !important;
}

.sx-ml-7 {
  margin-left: 4rem !important;
}

.sx-ml-8 {
  margin-left: 5rem !important;
}

.sx--ml-1 {
  margin-left: -0.25rem !important;
}

.sx--ml-2 {
  margin-left: -0.5rem !important;
}

.sx--ml-3 {
  margin-left: -1rem !important;
}

.sx--ml-4 {
  margin-left: -1.5rem !important;
}

.sx--ml-5 {
  margin-left: -2rem !important;
}

.sx--ml-6 {
  margin-left: -3rem !important;
}

.sx--ml-7 {
  margin-left: -4rem !important;
}

.sx--ml-8 {
  margin-left: -5rem !important;
}

.sx-ml-auto {
  margin-left: auto !important;
}

.sx-mb-0 {
  margin-bottom: 0rem !important;
}

.sx-mb-1 {
  margin-bottom: 0.25rem !important;
}

.sx-mb-2 {
  margin-bottom: 0.5rem !important;
}

.sx-mb-3 {
  margin-bottom: 1rem !important;
}

.sx-mb-4 {
  margin-bottom: 1.5rem !important;
}

.sx-mb-5 {
  margin-bottom: 2rem !important;
}

.sx-mb-6 {
  margin-bottom: 3rem !important;
}

.sx-mb-7 {
  margin-bottom: 4rem !important;
}

.sx-mb-8 {
  margin-bottom: 5rem !important;
}

.sx--mb-1 {
  margin-bottom: -0.25rem !important;
}

.sx--mb-2 {
  margin-bottom: -0.5rem !important;
}

.sx--mb-3 {
  margin-bottom: -1rem !important;
}

.sx--mb-4 {
  margin-bottom: -1.5rem !important;
}

.sx--mb-5 {
  margin-bottom: -2rem !important;
}

.sx--mb-6 {
  margin-bottom: -3rem !important;
}

.sx--mb-7 {
  margin-bottom: -4rem !important;
}

.sx--mb-8 {
  margin-bottom: -5rem !important;
}

.sx-mb-auto {
  margin-bottom: auto !important;
}

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

.sx-mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

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

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

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

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

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

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

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

.sx--mx-1 {
  margin-left: -0.25rem !important;
  margin-right: -0.25rem !important;
}

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

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

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

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

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

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

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

.sx-mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

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

.sx-my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

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

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

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

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

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

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

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

.sx--my-1 {
  margin-top: -0.25rem !important;
  margin-bottom: -0.25rem !important;
}

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

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

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

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

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

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

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

.sx-my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:m-0 {
    margin: 0rem !important;
  }
  .sx-sm\:m-1 {
    margin: 0.25rem !important;
  }
  .sx-sm\:m-2 {
    margin: 0.5rem !important;
  }
  .sx-sm\:m-3 {
    margin: 1rem !important;
  }
  .sx-sm\:m-4 {
    margin: 1.5rem !important;
  }
  .sx-sm\:m-5 {
    margin: 2rem !important;
  }
  .sx-sm\:m-6 {
    margin: 3rem !important;
  }
  .sx-sm\:m-7 {
    margin: 4rem !important;
  }
  .sx-sm\:m-8 {
    margin: 5rem !important;
  }
  .sx-sm\:-m-1 {
    margin: -0.25rem !important;
  }
  .sx-sm\:-m-2 {
    margin: -0.5rem !important;
  }
  .sx-sm\:-m-3 {
    margin: -1rem !important;
  }
  .sx-sm\:-m-4 {
    margin: -1.5rem !important;
  }
  .sx-sm\:-m-5 {
    margin: -2rem !important;
  }
  .sx-sm\:-m-6 {
    margin: -3rem !important;
  }
  .sx-sm\:-m-7 {
    margin: -4rem !important;
  }
  .sx-sm\:-m-8 {
    margin: -5rem !important;
  }
  .sx-sm\:m-auto {
    margin: auto !important;
  }
  .sx-sm\:mt-0 {
    margin-top: 0rem !important;
  }
  .sx-sm\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .sx-sm\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .sx-sm\:mt-3 {
    margin-top: 1rem !important;
  }
  .sx-sm\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .sx-sm\:mt-5 {
    margin-top: 2rem !important;
  }
  .sx-sm\:mt-6 {
    margin-top: 3rem !important;
  }
  .sx-sm\:mt-7 {
    margin-top: 4rem !important;
  }
  .sx-sm\:mt-8 {
    margin-top: 5rem !important;
  }
  .sx-sm\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .sx-sm\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .sx-sm\:-mt-3 {
    margin-top: -1rem !important;
  }
  .sx-sm\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .sx-sm\:-mt-5 {
    margin-top: -2rem !important;
  }
  .sx-sm\:-mt-6 {
    margin-top: -3rem !important;
  }
  .sx-sm\:-mt-7 {
    margin-top: -4rem !important;
  }
  .sx-sm\:-mt-8 {
    margin-top: -5rem !important;
  }
  .sx-sm\:mt-auto {
    margin-top: auto !important;
  }
  .sx-sm\:mr-0 {
    margin-right: 0rem !important;
  }
  .sx-sm\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .sx-sm\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .sx-sm\:mr-3 {
    margin-right: 1rem !important;
  }
  .sx-sm\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .sx-sm\:mr-5 {
    margin-right: 2rem !important;
  }
  .sx-sm\:mr-6 {
    margin-right: 3rem !important;
  }
  .sx-sm\:mr-7 {
    margin-right: 4rem !important;
  }
  .sx-sm\:mr-8 {
    margin-right: 5rem !important;
  }
  .sx-sm\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .sx-sm\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .sx-sm\:-mr-3 {
    margin-right: -1rem !important;
  }
  .sx-sm\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .sx-sm\:-mr-5 {
    margin-right: -2rem !important;
  }
  .sx-sm\:-mr-6 {
    margin-right: -3rem !important;
  }
  .sx-sm\:-mr-7 {
    margin-right: -4rem !important;
  }
  .sx-sm\:-mr-8 {
    margin-right: -5rem !important;
  }
  .sx-sm\:mr-auto {
    margin-right: auto !important;
  }
  .sx-sm\:ml-0 {
    margin-left: 0rem !important;
  }
  .sx-sm\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .sx-sm\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .sx-sm\:ml-3 {
    margin-left: 1rem !important;
  }
  .sx-sm\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .sx-sm\:ml-5 {
    margin-left: 2rem !important;
  }
  .sx-sm\:ml-6 {
    margin-left: 3rem !important;
  }
  .sx-sm\:ml-7 {
    margin-left: 4rem !important;
  }
  .sx-sm\:ml-8 {
    margin-left: 5rem !important;
  }
  .sx-sm\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .sx-sm\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .sx-sm\:-ml-3 {
    margin-left: -1rem !important;
  }
  .sx-sm\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .sx-sm\:-ml-5 {
    margin-left: -2rem !important;
  }
  .sx-sm\:-ml-6 {
    margin-left: -3rem !important;
  }
  .sx-sm\:-ml-7 {
    margin-left: -4rem !important;
  }
  .sx-sm\:-ml-8 {
    margin-left: -5rem !important;
  }
  .sx-sm\:ml-auto {
    margin-left: auto !important;
  }
  .sx-sm\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .sx-sm\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .sx-sm\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .sx-sm\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .sx-sm\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .sx-sm\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .sx-sm\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .sx-sm\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .sx-sm\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .sx-sm\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .sx-sm\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .sx-sm\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .sx-sm\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .sx-sm\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .sx-sm\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .sx-sm\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .sx-sm\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .sx-sm\:mb-auto {
    margin-bottom: auto !important;
  }
  .sx-sm\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .sx-sm\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .sx-sm\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .sx-sm\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .sx-sm\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .sx-sm\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .sx-sm\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .sx-sm\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .sx-sm\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .sx-sm\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .sx-sm\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .sx-sm\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .sx-sm\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .sx-sm\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .sx-sm\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .sx-sm\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .sx-sm\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .sx-sm\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .sx-sm\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .sx-sm\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .sx-sm\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .sx-sm\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .sx-sm\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .sx-sm\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .sx-sm\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .sx-sm\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .sx-sm\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .sx-sm\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .sx-sm\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .sx-sm\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .sx-sm\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .sx-sm\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .sx-sm\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .sx-sm\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .sx-sm\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .sx-sm\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:m-0 {
    margin: 0rem !important;
  }
  .sx-md\:m-1 {
    margin: 0.25rem !important;
  }
  .sx-md\:m-2 {
    margin: 0.5rem !important;
  }
  .sx-md\:m-3 {
    margin: 1rem !important;
  }
  .sx-md\:m-4 {
    margin: 1.5rem !important;
  }
  .sx-md\:m-5 {
    margin: 2rem !important;
  }
  .sx-md\:m-6 {
    margin: 3rem !important;
  }
  .sx-md\:m-7 {
    margin: 4rem !important;
  }
  .sx-md\:m-8 {
    margin: 5rem !important;
  }
  .sx-md\:-m-1 {
    margin: -0.25rem !important;
  }
  .sx-md\:-m-2 {
    margin: -0.5rem !important;
  }
  .sx-md\:-m-3 {
    margin: -1rem !important;
  }
  .sx-md\:-m-4 {
    margin: -1.5rem !important;
  }
  .sx-md\:-m-5 {
    margin: -2rem !important;
  }
  .sx-md\:-m-6 {
    margin: -3rem !important;
  }
  .sx-md\:-m-7 {
    margin: -4rem !important;
  }
  .sx-md\:-m-8 {
    margin: -5rem !important;
  }
  .sx-md\:m-auto {
    margin: auto !important;
  }
  .sx-md\:mt-0 {
    margin-top: 0rem !important;
  }
  .sx-md\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .sx-md\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .sx-md\:mt-3 {
    margin-top: 1rem !important;
  }
  .sx-md\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .sx-md\:mt-5 {
    margin-top: 2rem !important;
  }
  .sx-md\:mt-6 {
    margin-top: 3rem !important;
  }
  .sx-md\:mt-7 {
    margin-top: 4rem !important;
  }
  .sx-md\:mt-8 {
    margin-top: 5rem !important;
  }
  .sx-md\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .sx-md\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .sx-md\:-mt-3 {
    margin-top: -1rem !important;
  }
  .sx-md\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .sx-md\:-mt-5 {
    margin-top: -2rem !important;
  }
  .sx-md\:-mt-6 {
    margin-top: -3rem !important;
  }
  .sx-md\:-mt-7 {
    margin-top: -4rem !important;
  }
  .sx-md\:-mt-8 {
    margin-top: -5rem !important;
  }
  .sx-md\:mt-auto {
    margin-top: auto !important;
  }
  .sx-md\:mr-0 {
    margin-right: 0rem !important;
  }
  .sx-md\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .sx-md\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .sx-md\:mr-3 {
    margin-right: 1rem !important;
  }
  .sx-md\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .sx-md\:mr-5 {
    margin-right: 2rem !important;
  }
  .sx-md\:mr-6 {
    margin-right: 3rem !important;
  }
  .sx-md\:mr-7 {
    margin-right: 4rem !important;
  }
  .sx-md\:mr-8 {
    margin-right: 5rem !important;
  }
  .sx-md\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .sx-md\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .sx-md\:-mr-3 {
    margin-right: -1rem !important;
  }
  .sx-md\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .sx-md\:-mr-5 {
    margin-right: -2rem !important;
  }
  .sx-md\:-mr-6 {
    margin-right: -3rem !important;
  }
  .sx-md\:-mr-7 {
    margin-right: -4rem !important;
  }
  .sx-md\:-mr-8 {
    margin-right: -5rem !important;
  }
  .sx-md\:mr-auto {
    margin-right: auto !important;
  }
  .sx-md\:ml-0 {
    margin-left: 0rem !important;
  }
  .sx-md\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .sx-md\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .sx-md\:ml-3 {
    margin-left: 1rem !important;
  }
  .sx-md\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .sx-md\:ml-5 {
    margin-left: 2rem !important;
  }
  .sx-md\:ml-6 {
    margin-left: 3rem !important;
  }
  .sx-md\:ml-7 {
    margin-left: 4rem !important;
  }
  .sx-md\:ml-8 {
    margin-left: 5rem !important;
  }
  .sx-md\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .sx-md\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .sx-md\:-ml-3 {
    margin-left: -1rem !important;
  }
  .sx-md\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .sx-md\:-ml-5 {
    margin-left: -2rem !important;
  }
  .sx-md\:-ml-6 {
    margin-left: -3rem !important;
  }
  .sx-md\:-ml-7 {
    margin-left: -4rem !important;
  }
  .sx-md\:-ml-8 {
    margin-left: -5rem !important;
  }
  .sx-md\:ml-auto {
    margin-left: auto !important;
  }
  .sx-md\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .sx-md\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .sx-md\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .sx-md\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .sx-md\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .sx-md\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .sx-md\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .sx-md\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .sx-md\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .sx-md\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .sx-md\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .sx-md\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .sx-md\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .sx-md\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .sx-md\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .sx-md\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .sx-md\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .sx-md\:mb-auto {
    margin-bottom: auto !important;
  }
  .sx-md\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .sx-md\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .sx-md\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .sx-md\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .sx-md\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .sx-md\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .sx-md\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .sx-md\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .sx-md\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .sx-md\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .sx-md\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .sx-md\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .sx-md\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .sx-md\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .sx-md\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .sx-md\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .sx-md\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .sx-md\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .sx-md\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .sx-md\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .sx-md\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .sx-md\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .sx-md\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .sx-md\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .sx-md\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .sx-md\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .sx-md\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .sx-md\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .sx-md\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .sx-md\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .sx-md\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .sx-md\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .sx-md\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .sx-md\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .sx-md\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .sx-md\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:m-0 {
    margin: 0rem !important;
  }
  .sx-lg\:m-1 {
    margin: 0.25rem !important;
  }
  .sx-lg\:m-2 {
    margin: 0.5rem !important;
  }
  .sx-lg\:m-3 {
    margin: 1rem !important;
  }
  .sx-lg\:m-4 {
    margin: 1.5rem !important;
  }
  .sx-lg\:m-5 {
    margin: 2rem !important;
  }
  .sx-lg\:m-6 {
    margin: 3rem !important;
  }
  .sx-lg\:m-7 {
    margin: 4rem !important;
  }
  .sx-lg\:m-8 {
    margin: 5rem !important;
  }
  .sx-lg\:-m-1 {
    margin: -0.25rem !important;
  }
  .sx-lg\:-m-2 {
    margin: -0.5rem !important;
  }
  .sx-lg\:-m-3 {
    margin: -1rem !important;
  }
  .sx-lg\:-m-4 {
    margin: -1.5rem !important;
  }
  .sx-lg\:-m-5 {
    margin: -2rem !important;
  }
  .sx-lg\:-m-6 {
    margin: -3rem !important;
  }
  .sx-lg\:-m-7 {
    margin: -4rem !important;
  }
  .sx-lg\:-m-8 {
    margin: -5rem !important;
  }
  .sx-lg\:m-auto {
    margin: auto !important;
  }
  .sx-lg\:mt-0 {
    margin-top: 0rem !important;
  }
  .sx-lg\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .sx-lg\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .sx-lg\:mt-3 {
    margin-top: 1rem !important;
  }
  .sx-lg\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .sx-lg\:mt-5 {
    margin-top: 2rem !important;
  }
  .sx-lg\:mt-6 {
    margin-top: 3rem !important;
  }
  .sx-lg\:mt-7 {
    margin-top: 4rem !important;
  }
  .sx-lg\:mt-8 {
    margin-top: 5rem !important;
  }
  .sx-lg\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .sx-lg\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .sx-lg\:-mt-3 {
    margin-top: -1rem !important;
  }
  .sx-lg\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .sx-lg\:-mt-5 {
    margin-top: -2rem !important;
  }
  .sx-lg\:-mt-6 {
    margin-top: -3rem !important;
  }
  .sx-lg\:-mt-7 {
    margin-top: -4rem !important;
  }
  .sx-lg\:-mt-8 {
    margin-top: -5rem !important;
  }
  .sx-lg\:mt-auto {
    margin-top: auto !important;
  }
  .sx-lg\:mr-0 {
    margin-right: 0rem !important;
  }
  .sx-lg\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .sx-lg\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .sx-lg\:mr-3 {
    margin-right: 1rem !important;
  }
  .sx-lg\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .sx-lg\:mr-5 {
    margin-right: 2rem !important;
  }
  .sx-lg\:mr-6 {
    margin-right: 3rem !important;
  }
  .sx-lg\:mr-7 {
    margin-right: 4rem !important;
  }
  .sx-lg\:mr-8 {
    margin-right: 5rem !important;
  }
  .sx-lg\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .sx-lg\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .sx-lg\:-mr-3 {
    margin-right: -1rem !important;
  }
  .sx-lg\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .sx-lg\:-mr-5 {
    margin-right: -2rem !important;
  }
  .sx-lg\:-mr-6 {
    margin-right: -3rem !important;
  }
  .sx-lg\:-mr-7 {
    margin-right: -4rem !important;
  }
  .sx-lg\:-mr-8 {
    margin-right: -5rem !important;
  }
  .sx-lg\:mr-auto {
    margin-right: auto !important;
  }
  .sx-lg\:ml-0 {
    margin-left: 0rem !important;
  }
  .sx-lg\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .sx-lg\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .sx-lg\:ml-3 {
    margin-left: 1rem !important;
  }
  .sx-lg\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .sx-lg\:ml-5 {
    margin-left: 2rem !important;
  }
  .sx-lg\:ml-6 {
    margin-left: 3rem !important;
  }
  .sx-lg\:ml-7 {
    margin-left: 4rem !important;
  }
  .sx-lg\:ml-8 {
    margin-left: 5rem !important;
  }
  .sx-lg\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .sx-lg\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .sx-lg\:-ml-3 {
    margin-left: -1rem !important;
  }
  .sx-lg\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .sx-lg\:-ml-5 {
    margin-left: -2rem !important;
  }
  .sx-lg\:-ml-6 {
    margin-left: -3rem !important;
  }
  .sx-lg\:-ml-7 {
    margin-left: -4rem !important;
  }
  .sx-lg\:-ml-8 {
    margin-left: -5rem !important;
  }
  .sx-lg\:ml-auto {
    margin-left: auto !important;
  }
  .sx-lg\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .sx-lg\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .sx-lg\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .sx-lg\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .sx-lg\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .sx-lg\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .sx-lg\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .sx-lg\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .sx-lg\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .sx-lg\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .sx-lg\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .sx-lg\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .sx-lg\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .sx-lg\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .sx-lg\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .sx-lg\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .sx-lg\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .sx-lg\:mb-auto {
    margin-bottom: auto !important;
  }
  .sx-lg\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .sx-lg\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .sx-lg\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .sx-lg\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .sx-lg\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .sx-lg\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .sx-lg\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .sx-lg\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .sx-lg\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .sx-lg\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .sx-lg\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .sx-lg\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .sx-lg\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .sx-lg\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .sx-lg\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .sx-lg\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .sx-lg\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .sx-lg\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .sx-lg\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .sx-lg\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .sx-lg\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .sx-lg\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .sx-lg\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .sx-lg\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .sx-lg\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .sx-lg\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .sx-lg\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .sx-lg\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .sx-lg\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .sx-lg\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .sx-lg\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .sx-lg\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .sx-lg\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .sx-lg\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .sx-lg\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .sx-lg\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:m-0 {
    margin: 0rem !important;
  }
  .sx-xl\:m-1 {
    margin: 0.25rem !important;
  }
  .sx-xl\:m-2 {
    margin: 0.5rem !important;
  }
  .sx-xl\:m-3 {
    margin: 1rem !important;
  }
  .sx-xl\:m-4 {
    margin: 1.5rem !important;
  }
  .sx-xl\:m-5 {
    margin: 2rem !important;
  }
  .sx-xl\:m-6 {
    margin: 3rem !important;
  }
  .sx-xl\:m-7 {
    margin: 4rem !important;
  }
  .sx-xl\:m-8 {
    margin: 5rem !important;
  }
  .sx-xl\:-m-1 {
    margin: -0.25rem !important;
  }
  .sx-xl\:-m-2 {
    margin: -0.5rem !important;
  }
  .sx-xl\:-m-3 {
    margin: -1rem !important;
  }
  .sx-xl\:-m-4 {
    margin: -1.5rem !important;
  }
  .sx-xl\:-m-5 {
    margin: -2rem !important;
  }
  .sx-xl\:-m-6 {
    margin: -3rem !important;
  }
  .sx-xl\:-m-7 {
    margin: -4rem !important;
  }
  .sx-xl\:-m-8 {
    margin: -5rem !important;
  }
  .sx-xl\:m-auto {
    margin: auto !important;
  }
  .sx-xl\:mt-0 {
    margin-top: 0rem !important;
  }
  .sx-xl\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .sx-xl\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .sx-xl\:mt-3 {
    margin-top: 1rem !important;
  }
  .sx-xl\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .sx-xl\:mt-5 {
    margin-top: 2rem !important;
  }
  .sx-xl\:mt-6 {
    margin-top: 3rem !important;
  }
  .sx-xl\:mt-7 {
    margin-top: 4rem !important;
  }
  .sx-xl\:mt-8 {
    margin-top: 5rem !important;
  }
  .sx-xl\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .sx-xl\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .sx-xl\:-mt-3 {
    margin-top: -1rem !important;
  }
  .sx-xl\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .sx-xl\:-mt-5 {
    margin-top: -2rem !important;
  }
  .sx-xl\:-mt-6 {
    margin-top: -3rem !important;
  }
  .sx-xl\:-mt-7 {
    margin-top: -4rem !important;
  }
  .sx-xl\:-mt-8 {
    margin-top: -5rem !important;
  }
  .sx-xl\:mt-auto {
    margin-top: auto !important;
  }
  .sx-xl\:mr-0 {
    margin-right: 0rem !important;
  }
  .sx-xl\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .sx-xl\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .sx-xl\:mr-3 {
    margin-right: 1rem !important;
  }
  .sx-xl\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .sx-xl\:mr-5 {
    margin-right: 2rem !important;
  }
  .sx-xl\:mr-6 {
    margin-right: 3rem !important;
  }
  .sx-xl\:mr-7 {
    margin-right: 4rem !important;
  }
  .sx-xl\:mr-8 {
    margin-right: 5rem !important;
  }
  .sx-xl\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .sx-xl\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .sx-xl\:-mr-3 {
    margin-right: -1rem !important;
  }
  .sx-xl\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .sx-xl\:-mr-5 {
    margin-right: -2rem !important;
  }
  .sx-xl\:-mr-6 {
    margin-right: -3rem !important;
  }
  .sx-xl\:-mr-7 {
    margin-right: -4rem !important;
  }
  .sx-xl\:-mr-8 {
    margin-right: -5rem !important;
  }
  .sx-xl\:mr-auto {
    margin-right: auto !important;
  }
  .sx-xl\:ml-0 {
    margin-left: 0rem !important;
  }
  .sx-xl\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .sx-xl\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .sx-xl\:ml-3 {
    margin-left: 1rem !important;
  }
  .sx-xl\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .sx-xl\:ml-5 {
    margin-left: 2rem !important;
  }
  .sx-xl\:ml-6 {
    margin-left: 3rem !important;
  }
  .sx-xl\:ml-7 {
    margin-left: 4rem !important;
  }
  .sx-xl\:ml-8 {
    margin-left: 5rem !important;
  }
  .sx-xl\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .sx-xl\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .sx-xl\:-ml-3 {
    margin-left: -1rem !important;
  }
  .sx-xl\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .sx-xl\:-ml-5 {
    margin-left: -2rem !important;
  }
  .sx-xl\:-ml-6 {
    margin-left: -3rem !important;
  }
  .sx-xl\:-ml-7 {
    margin-left: -4rem !important;
  }
  .sx-xl\:-ml-8 {
    margin-left: -5rem !important;
  }
  .sx-xl\:ml-auto {
    margin-left: auto !important;
  }
  .sx-xl\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .sx-xl\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .sx-xl\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .sx-xl\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .sx-xl\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .sx-xl\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .sx-xl\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .sx-xl\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .sx-xl\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .sx-xl\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .sx-xl\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .sx-xl\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .sx-xl\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .sx-xl\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .sx-xl\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .sx-xl\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .sx-xl\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .sx-xl\:mb-auto {
    margin-bottom: auto !important;
  }
  .sx-xl\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .sx-xl\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .sx-xl\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .sx-xl\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .sx-xl\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .sx-xl\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .sx-xl\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .sx-xl\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .sx-xl\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .sx-xl\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .sx-xl\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .sx-xl\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .sx-xl\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .sx-xl\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .sx-xl\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .sx-xl\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .sx-xl\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .sx-xl\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .sx-xl\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .sx-xl\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .sx-xl\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .sx-xl\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .sx-xl\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .sx-xl\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .sx-xl\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .sx-xl\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .sx-xl\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .sx-xl\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .sx-xl\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .sx-xl\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .sx-xl\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .sx-xl\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .sx-xl\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .sx-xl\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .sx-xl\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .sx-xl\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
.sx-shadow-none {
  box-shadow: none !important;
}

.sx-shadow-1 {
  box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.02), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.05), 0rem 0.063rem 0.25rem rgba(0, 0, 0, 0.08) !important;
}

.sx-shadow-2 {
  box-shadow: 0rem 0.25rem 0.625rem rgba(0, 0, 0, 0.03), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.06), 0rem 0.125rem 0.375rem rgba(0, 0, 0, 0.12) !important;
}

.sx-shadow-3 {
  box-shadow: 0rem 0.063rem 0.5rem rgba(0, 0, 0, 0.08), 0rem 0.188rem 0.25rem rgba(0, 0, 0, 0.1), 0rem 0.063rem 0.25rem -0.063rem rgba(0, 0, 0, 0.1) !important;
}

.sx-shadow-4 {
  box-shadow: 0rem 0.063rem 0.625rem rgba(0, 0, 0, 0.12), 0rem 0.25rem 0.313rem rgba(0, 0, 0, 0.14), 0rem 0.125rem 0.25rem -0.063rem rgba(0, 0, 0, 0.2) !important;
}

.sx-shadow-5 {
  box-shadow: 0rem 0.063rem 0.438rem rgba(0, 0, 0, 0.1), 0rem 0.25rem 0.313rem -0.125rem rgba(0, 0, 0, 0.12), 0rem 0.625rem 0.938rem -0.313rem rgba(0, 0, 0, 0.2) !important;
}

.sx-shadow-6 {
  box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.06), 0rem 0.438rem 0.563rem rgba(0, 0, 0, 0.12), 0rem 1.25rem 1.563rem -0.5rem rgba(0, 0, 0, 0.18) !important;
}

.sx-shadow-7 {
  box-shadow: 0rem 0.438rem 1.875rem rgba(0, 0, 0, 0.08), 0rem 1.375rem 1.875rem 0.125rem rgba(0, 0, 0, 0.15), 0rem 0.5rem 0.625rem rgba(0, 0, 0, 0.15) !important;
}

.sx-shadow-8 {
  box-shadow: 0rem 0.563rem 2.875rem 0.5rem rgba(0, 0, 0, 0.12), 0rem 1.5rem 2.375rem 0.188rem rgba(0, 0, 0, 0.14), 0rem 0.688rem 0.938rem rgba(0, 0, 0, 0.2) !important;
}

.sx-focus\:shadow-none:focus {
  box-shadow: none !important;
}

.sx-hover\:shadow-none:hover {
  box-shadow: none !important;
}

.sx-active\:shadow-none:active {
  box-shadow: none !important;
}

.sx-focus\:shadow-1:focus {
  box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.02), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.05), 0rem 0.063rem 0.25rem rgba(0, 0, 0, 0.08) !important;
}

.sx-hover\:shadow-1:hover {
  box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.02), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.05), 0rem 0.063rem 0.25rem rgba(0, 0, 0, 0.08) !important;
}

.sx-active\:shadow-1:active {
  box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.02), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.05), 0rem 0.063rem 0.25rem rgba(0, 0, 0, 0.08) !important;
}

.sx-focus\:shadow-2:focus {
  box-shadow: 0rem 0.25rem 0.625rem rgba(0, 0, 0, 0.03), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.06), 0rem 0.125rem 0.375rem rgba(0, 0, 0, 0.12) !important;
}

.sx-hover\:shadow-2:hover {
  box-shadow: 0rem 0.25rem 0.625rem rgba(0, 0, 0, 0.03), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.06), 0rem 0.125rem 0.375rem rgba(0, 0, 0, 0.12) !important;
}

.sx-active\:shadow-2:active {
  box-shadow: 0rem 0.25rem 0.625rem rgba(0, 0, 0, 0.03), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.06), 0rem 0.125rem 0.375rem rgba(0, 0, 0, 0.12) !important;
}

.sx-focus\:shadow-3:focus {
  box-shadow: 0rem 0.063rem 0.5rem rgba(0, 0, 0, 0.08), 0rem 0.188rem 0.25rem rgba(0, 0, 0, 0.1), 0rem 0.063rem 0.25rem -0.063rem rgba(0, 0, 0, 0.1) !important;
}

.sx-hover\:shadow-3:hover {
  box-shadow: 0rem 0.063rem 0.5rem rgba(0, 0, 0, 0.08), 0rem 0.188rem 0.25rem rgba(0, 0, 0, 0.1), 0rem 0.063rem 0.25rem -0.063rem rgba(0, 0, 0, 0.1) !important;
}

.sx-active\:shadow-3:active {
  box-shadow: 0rem 0.063rem 0.5rem rgba(0, 0, 0, 0.08), 0rem 0.188rem 0.25rem rgba(0, 0, 0, 0.1), 0rem 0.063rem 0.25rem -0.063rem rgba(0, 0, 0, 0.1) !important;
}

.sx-focus\:shadow-4:focus {
  box-shadow: 0rem 0.063rem 0.625rem rgba(0, 0, 0, 0.12), 0rem 0.25rem 0.313rem rgba(0, 0, 0, 0.14), 0rem 0.125rem 0.25rem -0.063rem rgba(0, 0, 0, 0.2) !important;
}

.sx-hover\:shadow-4:hover {
  box-shadow: 0rem 0.063rem 0.625rem rgba(0, 0, 0, 0.12), 0rem 0.25rem 0.313rem rgba(0, 0, 0, 0.14), 0rem 0.125rem 0.25rem -0.063rem rgba(0, 0, 0, 0.2) !important;
}

.sx-active\:shadow-4:active {
  box-shadow: 0rem 0.063rem 0.625rem rgba(0, 0, 0, 0.12), 0rem 0.25rem 0.313rem rgba(0, 0, 0, 0.14), 0rem 0.125rem 0.25rem -0.063rem rgba(0, 0, 0, 0.2) !important;
}

.sx-focus\:shadow-5:focus {
  box-shadow: 0rem 0.063rem 0.438rem rgba(0, 0, 0, 0.1), 0rem 0.25rem 0.313rem -0.125rem rgba(0, 0, 0, 0.12), 0rem 0.625rem 0.938rem -0.313rem rgba(0, 0, 0, 0.2) !important;
}

.sx-hover\:shadow-5:hover {
  box-shadow: 0rem 0.063rem 0.438rem rgba(0, 0, 0, 0.1), 0rem 0.25rem 0.313rem -0.125rem rgba(0, 0, 0, 0.12), 0rem 0.625rem 0.938rem -0.313rem rgba(0, 0, 0, 0.2) !important;
}

.sx-active\:shadow-5:active {
  box-shadow: 0rem 0.063rem 0.438rem rgba(0, 0, 0, 0.1), 0rem 0.25rem 0.313rem -0.125rem rgba(0, 0, 0, 0.12), 0rem 0.625rem 0.938rem -0.313rem rgba(0, 0, 0, 0.2) !important;
}

.sx-focus\:shadow-6:focus {
  box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.06), 0rem 0.438rem 0.563rem rgba(0, 0, 0, 0.12), 0rem 1.25rem 1.563rem -0.5rem rgba(0, 0, 0, 0.18) !important;
}

.sx-hover\:shadow-6:hover {
  box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.06), 0rem 0.438rem 0.563rem rgba(0, 0, 0, 0.12), 0rem 1.25rem 1.563rem -0.5rem rgba(0, 0, 0, 0.18) !important;
}

.sx-active\:shadow-6:active {
  box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.06), 0rem 0.438rem 0.563rem rgba(0, 0, 0, 0.12), 0rem 1.25rem 1.563rem -0.5rem rgba(0, 0, 0, 0.18) !important;
}

.sx-focus\:shadow-7:focus {
  box-shadow: 0rem 0.438rem 1.875rem rgba(0, 0, 0, 0.08), 0rem 1.375rem 1.875rem 0.125rem rgba(0, 0, 0, 0.15), 0rem 0.5rem 0.625rem rgba(0, 0, 0, 0.15) !important;
}

.sx-hover\:shadow-7:hover {
  box-shadow: 0rem 0.438rem 1.875rem rgba(0, 0, 0, 0.08), 0rem 1.375rem 1.875rem 0.125rem rgba(0, 0, 0, 0.15), 0rem 0.5rem 0.625rem rgba(0, 0, 0, 0.15) !important;
}

.sx-active\:shadow-7:active {
  box-shadow: 0rem 0.438rem 1.875rem rgba(0, 0, 0, 0.08), 0rem 1.375rem 1.875rem 0.125rem rgba(0, 0, 0, 0.15), 0rem 0.5rem 0.625rem rgba(0, 0, 0, 0.15) !important;
}

.sx-focus\:shadow-8:focus {
  box-shadow: 0rem 0.563rem 2.875rem 0.5rem rgba(0, 0, 0, 0.12), 0rem 1.5rem 2.375rem 0.188rem rgba(0, 0, 0, 0.14), 0rem 0.688rem 0.938rem rgba(0, 0, 0, 0.2) !important;
}

.sx-hover\:shadow-8:hover {
  box-shadow: 0rem 0.563rem 2.875rem 0.5rem rgba(0, 0, 0, 0.12), 0rem 1.5rem 2.375rem 0.188rem rgba(0, 0, 0, 0.14), 0rem 0.688rem 0.938rem rgba(0, 0, 0, 0.2) !important;
}

.sx-active\:shadow-8:active {
  box-shadow: 0rem 0.563rem 2.875rem 0.5rem rgba(0, 0, 0, 0.12), 0rem 1.5rem 2.375rem 0.188rem rgba(0, 0, 0, 0.14), 0rem 0.688rem 0.938rem rgba(0, 0, 0, 0.2) !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:shadow-none {
    box-shadow: none !important;
  }
  .sx-sm\:shadow-1 {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.02), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.05), 0rem 0.063rem 0.25rem rgba(0, 0, 0, 0.08) !important;
  }
  .sx-sm\:shadow-2 {
    box-shadow: 0rem 0.25rem 0.625rem rgba(0, 0, 0, 0.03), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.06), 0rem 0.125rem 0.375rem rgba(0, 0, 0, 0.12) !important;
  }
  .sx-sm\:shadow-3 {
    box-shadow: 0rem 0.063rem 0.5rem rgba(0, 0, 0, 0.08), 0rem 0.188rem 0.25rem rgba(0, 0, 0, 0.1), 0rem 0.063rem 0.25rem -0.063rem rgba(0, 0, 0, 0.1) !important;
  }
  .sx-sm\:shadow-4 {
    box-shadow: 0rem 0.063rem 0.625rem rgba(0, 0, 0, 0.12), 0rem 0.25rem 0.313rem rgba(0, 0, 0, 0.14), 0rem 0.125rem 0.25rem -0.063rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-sm\:shadow-5 {
    box-shadow: 0rem 0.063rem 0.438rem rgba(0, 0, 0, 0.1), 0rem 0.25rem 0.313rem -0.125rem rgba(0, 0, 0, 0.12), 0rem 0.625rem 0.938rem -0.313rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-sm\:shadow-6 {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.06), 0rem 0.438rem 0.563rem rgba(0, 0, 0, 0.12), 0rem 1.25rem 1.563rem -0.5rem rgba(0, 0, 0, 0.18) !important;
  }
  .sx-sm\:shadow-7 {
    box-shadow: 0rem 0.438rem 1.875rem rgba(0, 0, 0, 0.08), 0rem 1.375rem 1.875rem 0.125rem rgba(0, 0, 0, 0.15), 0rem 0.5rem 0.625rem rgba(0, 0, 0, 0.15) !important;
  }
  .sx-sm\:shadow-8 {
    box-shadow: 0rem 0.563rem 2.875rem 0.5rem rgba(0, 0, 0, 0.12), 0rem 1.5rem 2.375rem 0.188rem rgba(0, 0, 0, 0.14), 0rem 0.688rem 0.938rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-sm\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .sx-sm\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .sx-sm\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .sx-sm\:focus\:shadow-1:focus {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.02), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.05), 0rem 0.063rem 0.25rem rgba(0, 0, 0, 0.08) !important;
  }
  .sx-sm\:hover\:shadow-1:hover {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.02), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.05), 0rem 0.063rem 0.25rem rgba(0, 0, 0, 0.08) !important;
  }
  .sx-sm\:active\:shadow-1:active {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.02), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.05), 0rem 0.063rem 0.25rem rgba(0, 0, 0, 0.08) !important;
  }
  .sx-sm\:focus\:shadow-2:focus {
    box-shadow: 0rem 0.25rem 0.625rem rgba(0, 0, 0, 0.03), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.06), 0rem 0.125rem 0.375rem rgba(0, 0, 0, 0.12) !important;
  }
  .sx-sm\:hover\:shadow-2:hover {
    box-shadow: 0rem 0.25rem 0.625rem rgba(0, 0, 0, 0.03), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.06), 0rem 0.125rem 0.375rem rgba(0, 0, 0, 0.12) !important;
  }
  .sx-sm\:active\:shadow-2:active {
    box-shadow: 0rem 0.25rem 0.625rem rgba(0, 0, 0, 0.03), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.06), 0rem 0.125rem 0.375rem rgba(0, 0, 0, 0.12) !important;
  }
  .sx-sm\:focus\:shadow-3:focus {
    box-shadow: 0rem 0.063rem 0.5rem rgba(0, 0, 0, 0.08), 0rem 0.188rem 0.25rem rgba(0, 0, 0, 0.1), 0rem 0.063rem 0.25rem -0.063rem rgba(0, 0, 0, 0.1) !important;
  }
  .sx-sm\:hover\:shadow-3:hover {
    box-shadow: 0rem 0.063rem 0.5rem rgba(0, 0, 0, 0.08), 0rem 0.188rem 0.25rem rgba(0, 0, 0, 0.1), 0rem 0.063rem 0.25rem -0.063rem rgba(0, 0, 0, 0.1) !important;
  }
  .sx-sm\:active\:shadow-3:active {
    box-shadow: 0rem 0.063rem 0.5rem rgba(0, 0, 0, 0.08), 0rem 0.188rem 0.25rem rgba(0, 0, 0, 0.1), 0rem 0.063rem 0.25rem -0.063rem rgba(0, 0, 0, 0.1) !important;
  }
  .sx-sm\:focus\:shadow-4:focus {
    box-shadow: 0rem 0.063rem 0.625rem rgba(0, 0, 0, 0.12), 0rem 0.25rem 0.313rem rgba(0, 0, 0, 0.14), 0rem 0.125rem 0.25rem -0.063rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-sm\:hover\:shadow-4:hover {
    box-shadow: 0rem 0.063rem 0.625rem rgba(0, 0, 0, 0.12), 0rem 0.25rem 0.313rem rgba(0, 0, 0, 0.14), 0rem 0.125rem 0.25rem -0.063rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-sm\:active\:shadow-4:active {
    box-shadow: 0rem 0.063rem 0.625rem rgba(0, 0, 0, 0.12), 0rem 0.25rem 0.313rem rgba(0, 0, 0, 0.14), 0rem 0.125rem 0.25rem -0.063rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-sm\:focus\:shadow-5:focus {
    box-shadow: 0rem 0.063rem 0.438rem rgba(0, 0, 0, 0.1), 0rem 0.25rem 0.313rem -0.125rem rgba(0, 0, 0, 0.12), 0rem 0.625rem 0.938rem -0.313rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-sm\:hover\:shadow-5:hover {
    box-shadow: 0rem 0.063rem 0.438rem rgba(0, 0, 0, 0.1), 0rem 0.25rem 0.313rem -0.125rem rgba(0, 0, 0, 0.12), 0rem 0.625rem 0.938rem -0.313rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-sm\:active\:shadow-5:active {
    box-shadow: 0rem 0.063rem 0.438rem rgba(0, 0, 0, 0.1), 0rem 0.25rem 0.313rem -0.125rem rgba(0, 0, 0, 0.12), 0rem 0.625rem 0.938rem -0.313rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-sm\:focus\:shadow-6:focus {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.06), 0rem 0.438rem 0.563rem rgba(0, 0, 0, 0.12), 0rem 1.25rem 1.563rem -0.5rem rgba(0, 0, 0, 0.18) !important;
  }
  .sx-sm\:hover\:shadow-6:hover {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.06), 0rem 0.438rem 0.563rem rgba(0, 0, 0, 0.12), 0rem 1.25rem 1.563rem -0.5rem rgba(0, 0, 0, 0.18) !important;
  }
  .sx-sm\:active\:shadow-6:active {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.06), 0rem 0.438rem 0.563rem rgba(0, 0, 0, 0.12), 0rem 1.25rem 1.563rem -0.5rem rgba(0, 0, 0, 0.18) !important;
  }
  .sx-sm\:focus\:shadow-7:focus {
    box-shadow: 0rem 0.438rem 1.875rem rgba(0, 0, 0, 0.08), 0rem 1.375rem 1.875rem 0.125rem rgba(0, 0, 0, 0.15), 0rem 0.5rem 0.625rem rgba(0, 0, 0, 0.15) !important;
  }
  .sx-sm\:hover\:shadow-7:hover {
    box-shadow: 0rem 0.438rem 1.875rem rgba(0, 0, 0, 0.08), 0rem 1.375rem 1.875rem 0.125rem rgba(0, 0, 0, 0.15), 0rem 0.5rem 0.625rem rgba(0, 0, 0, 0.15) !important;
  }
  .sx-sm\:active\:shadow-7:active {
    box-shadow: 0rem 0.438rem 1.875rem rgba(0, 0, 0, 0.08), 0rem 1.375rem 1.875rem 0.125rem rgba(0, 0, 0, 0.15), 0rem 0.5rem 0.625rem rgba(0, 0, 0, 0.15) !important;
  }
  .sx-sm\:focus\:shadow-8:focus {
    box-shadow: 0rem 0.563rem 2.875rem 0.5rem rgba(0, 0, 0, 0.12), 0rem 1.5rem 2.375rem 0.188rem rgba(0, 0, 0, 0.14), 0rem 0.688rem 0.938rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-sm\:hover\:shadow-8:hover {
    box-shadow: 0rem 0.563rem 2.875rem 0.5rem rgba(0, 0, 0, 0.12), 0rem 1.5rem 2.375rem 0.188rem rgba(0, 0, 0, 0.14), 0rem 0.688rem 0.938rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-sm\:active\:shadow-8:active {
    box-shadow: 0rem 0.563rem 2.875rem 0.5rem rgba(0, 0, 0, 0.12), 0rem 1.5rem 2.375rem 0.188rem rgba(0, 0, 0, 0.14), 0rem 0.688rem 0.938rem rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:shadow-none {
    box-shadow: none !important;
  }
  .sx-md\:shadow-1 {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.02), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.05), 0rem 0.063rem 0.25rem rgba(0, 0, 0, 0.08) !important;
  }
  .sx-md\:shadow-2 {
    box-shadow: 0rem 0.25rem 0.625rem rgba(0, 0, 0, 0.03), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.06), 0rem 0.125rem 0.375rem rgba(0, 0, 0, 0.12) !important;
  }
  .sx-md\:shadow-3 {
    box-shadow: 0rem 0.063rem 0.5rem rgba(0, 0, 0, 0.08), 0rem 0.188rem 0.25rem rgba(0, 0, 0, 0.1), 0rem 0.063rem 0.25rem -0.063rem rgba(0, 0, 0, 0.1) !important;
  }
  .sx-md\:shadow-4 {
    box-shadow: 0rem 0.063rem 0.625rem rgba(0, 0, 0, 0.12), 0rem 0.25rem 0.313rem rgba(0, 0, 0, 0.14), 0rem 0.125rem 0.25rem -0.063rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-md\:shadow-5 {
    box-shadow: 0rem 0.063rem 0.438rem rgba(0, 0, 0, 0.1), 0rem 0.25rem 0.313rem -0.125rem rgba(0, 0, 0, 0.12), 0rem 0.625rem 0.938rem -0.313rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-md\:shadow-6 {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.06), 0rem 0.438rem 0.563rem rgba(0, 0, 0, 0.12), 0rem 1.25rem 1.563rem -0.5rem rgba(0, 0, 0, 0.18) !important;
  }
  .sx-md\:shadow-7 {
    box-shadow: 0rem 0.438rem 1.875rem rgba(0, 0, 0, 0.08), 0rem 1.375rem 1.875rem 0.125rem rgba(0, 0, 0, 0.15), 0rem 0.5rem 0.625rem rgba(0, 0, 0, 0.15) !important;
  }
  .sx-md\:shadow-8 {
    box-shadow: 0rem 0.563rem 2.875rem 0.5rem rgba(0, 0, 0, 0.12), 0rem 1.5rem 2.375rem 0.188rem rgba(0, 0, 0, 0.14), 0rem 0.688rem 0.938rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-md\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .sx-md\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .sx-md\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .sx-md\:focus\:shadow-1:focus {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.02), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.05), 0rem 0.063rem 0.25rem rgba(0, 0, 0, 0.08) !important;
  }
  .sx-md\:hover\:shadow-1:hover {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.02), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.05), 0rem 0.063rem 0.25rem rgba(0, 0, 0, 0.08) !important;
  }
  .sx-md\:active\:shadow-1:active {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.02), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.05), 0rem 0.063rem 0.25rem rgba(0, 0, 0, 0.08) !important;
  }
  .sx-md\:focus\:shadow-2:focus {
    box-shadow: 0rem 0.25rem 0.625rem rgba(0, 0, 0, 0.03), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.06), 0rem 0.125rem 0.375rem rgba(0, 0, 0, 0.12) !important;
  }
  .sx-md\:hover\:shadow-2:hover {
    box-shadow: 0rem 0.25rem 0.625rem rgba(0, 0, 0, 0.03), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.06), 0rem 0.125rem 0.375rem rgba(0, 0, 0, 0.12) !important;
  }
  .sx-md\:active\:shadow-2:active {
    box-shadow: 0rem 0.25rem 0.625rem rgba(0, 0, 0, 0.03), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.06), 0rem 0.125rem 0.375rem rgba(0, 0, 0, 0.12) !important;
  }
  .sx-md\:focus\:shadow-3:focus {
    box-shadow: 0rem 0.063rem 0.5rem rgba(0, 0, 0, 0.08), 0rem 0.188rem 0.25rem rgba(0, 0, 0, 0.1), 0rem 0.063rem 0.25rem -0.063rem rgba(0, 0, 0, 0.1) !important;
  }
  .sx-md\:hover\:shadow-3:hover {
    box-shadow: 0rem 0.063rem 0.5rem rgba(0, 0, 0, 0.08), 0rem 0.188rem 0.25rem rgba(0, 0, 0, 0.1), 0rem 0.063rem 0.25rem -0.063rem rgba(0, 0, 0, 0.1) !important;
  }
  .sx-md\:active\:shadow-3:active {
    box-shadow: 0rem 0.063rem 0.5rem rgba(0, 0, 0, 0.08), 0rem 0.188rem 0.25rem rgba(0, 0, 0, 0.1), 0rem 0.063rem 0.25rem -0.063rem rgba(0, 0, 0, 0.1) !important;
  }
  .sx-md\:focus\:shadow-4:focus {
    box-shadow: 0rem 0.063rem 0.625rem rgba(0, 0, 0, 0.12), 0rem 0.25rem 0.313rem rgba(0, 0, 0, 0.14), 0rem 0.125rem 0.25rem -0.063rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-md\:hover\:shadow-4:hover {
    box-shadow: 0rem 0.063rem 0.625rem rgba(0, 0, 0, 0.12), 0rem 0.25rem 0.313rem rgba(0, 0, 0, 0.14), 0rem 0.125rem 0.25rem -0.063rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-md\:active\:shadow-4:active {
    box-shadow: 0rem 0.063rem 0.625rem rgba(0, 0, 0, 0.12), 0rem 0.25rem 0.313rem rgba(0, 0, 0, 0.14), 0rem 0.125rem 0.25rem -0.063rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-md\:focus\:shadow-5:focus {
    box-shadow: 0rem 0.063rem 0.438rem rgba(0, 0, 0, 0.1), 0rem 0.25rem 0.313rem -0.125rem rgba(0, 0, 0, 0.12), 0rem 0.625rem 0.938rem -0.313rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-md\:hover\:shadow-5:hover {
    box-shadow: 0rem 0.063rem 0.438rem rgba(0, 0, 0, 0.1), 0rem 0.25rem 0.313rem -0.125rem rgba(0, 0, 0, 0.12), 0rem 0.625rem 0.938rem -0.313rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-md\:active\:shadow-5:active {
    box-shadow: 0rem 0.063rem 0.438rem rgba(0, 0, 0, 0.1), 0rem 0.25rem 0.313rem -0.125rem rgba(0, 0, 0, 0.12), 0rem 0.625rem 0.938rem -0.313rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-md\:focus\:shadow-6:focus {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.06), 0rem 0.438rem 0.563rem rgba(0, 0, 0, 0.12), 0rem 1.25rem 1.563rem -0.5rem rgba(0, 0, 0, 0.18) !important;
  }
  .sx-md\:hover\:shadow-6:hover {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.06), 0rem 0.438rem 0.563rem rgba(0, 0, 0, 0.12), 0rem 1.25rem 1.563rem -0.5rem rgba(0, 0, 0, 0.18) !important;
  }
  .sx-md\:active\:shadow-6:active {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.06), 0rem 0.438rem 0.563rem rgba(0, 0, 0, 0.12), 0rem 1.25rem 1.563rem -0.5rem rgba(0, 0, 0, 0.18) !important;
  }
  .sx-md\:focus\:shadow-7:focus {
    box-shadow: 0rem 0.438rem 1.875rem rgba(0, 0, 0, 0.08), 0rem 1.375rem 1.875rem 0.125rem rgba(0, 0, 0, 0.15), 0rem 0.5rem 0.625rem rgba(0, 0, 0, 0.15) !important;
  }
  .sx-md\:hover\:shadow-7:hover {
    box-shadow: 0rem 0.438rem 1.875rem rgba(0, 0, 0, 0.08), 0rem 1.375rem 1.875rem 0.125rem rgba(0, 0, 0, 0.15), 0rem 0.5rem 0.625rem rgba(0, 0, 0, 0.15) !important;
  }
  .sx-md\:active\:shadow-7:active {
    box-shadow: 0rem 0.438rem 1.875rem rgba(0, 0, 0, 0.08), 0rem 1.375rem 1.875rem 0.125rem rgba(0, 0, 0, 0.15), 0rem 0.5rem 0.625rem rgba(0, 0, 0, 0.15) !important;
  }
  .sx-md\:focus\:shadow-8:focus {
    box-shadow: 0rem 0.563rem 2.875rem 0.5rem rgba(0, 0, 0, 0.12), 0rem 1.5rem 2.375rem 0.188rem rgba(0, 0, 0, 0.14), 0rem 0.688rem 0.938rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-md\:hover\:shadow-8:hover {
    box-shadow: 0rem 0.563rem 2.875rem 0.5rem rgba(0, 0, 0, 0.12), 0rem 1.5rem 2.375rem 0.188rem rgba(0, 0, 0, 0.14), 0rem 0.688rem 0.938rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-md\:active\:shadow-8:active {
    box-shadow: 0rem 0.563rem 2.875rem 0.5rem rgba(0, 0, 0, 0.12), 0rem 1.5rem 2.375rem 0.188rem rgba(0, 0, 0, 0.14), 0rem 0.688rem 0.938rem rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:shadow-none {
    box-shadow: none !important;
  }
  .sx-lg\:shadow-1 {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.02), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.05), 0rem 0.063rem 0.25rem rgba(0, 0, 0, 0.08) !important;
  }
  .sx-lg\:shadow-2 {
    box-shadow: 0rem 0.25rem 0.625rem rgba(0, 0, 0, 0.03), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.06), 0rem 0.125rem 0.375rem rgba(0, 0, 0, 0.12) !important;
  }
  .sx-lg\:shadow-3 {
    box-shadow: 0rem 0.063rem 0.5rem rgba(0, 0, 0, 0.08), 0rem 0.188rem 0.25rem rgba(0, 0, 0, 0.1), 0rem 0.063rem 0.25rem -0.063rem rgba(0, 0, 0, 0.1) !important;
  }
  .sx-lg\:shadow-4 {
    box-shadow: 0rem 0.063rem 0.625rem rgba(0, 0, 0, 0.12), 0rem 0.25rem 0.313rem rgba(0, 0, 0, 0.14), 0rem 0.125rem 0.25rem -0.063rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-lg\:shadow-5 {
    box-shadow: 0rem 0.063rem 0.438rem rgba(0, 0, 0, 0.1), 0rem 0.25rem 0.313rem -0.125rem rgba(0, 0, 0, 0.12), 0rem 0.625rem 0.938rem -0.313rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-lg\:shadow-6 {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.06), 0rem 0.438rem 0.563rem rgba(0, 0, 0, 0.12), 0rem 1.25rem 1.563rem -0.5rem rgba(0, 0, 0, 0.18) !important;
  }
  .sx-lg\:shadow-7 {
    box-shadow: 0rem 0.438rem 1.875rem rgba(0, 0, 0, 0.08), 0rem 1.375rem 1.875rem 0.125rem rgba(0, 0, 0, 0.15), 0rem 0.5rem 0.625rem rgba(0, 0, 0, 0.15) !important;
  }
  .sx-lg\:shadow-8 {
    box-shadow: 0rem 0.563rem 2.875rem 0.5rem rgba(0, 0, 0, 0.12), 0rem 1.5rem 2.375rem 0.188rem rgba(0, 0, 0, 0.14), 0rem 0.688rem 0.938rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-lg\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .sx-lg\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .sx-lg\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .sx-lg\:focus\:shadow-1:focus {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.02), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.05), 0rem 0.063rem 0.25rem rgba(0, 0, 0, 0.08) !important;
  }
  .sx-lg\:hover\:shadow-1:hover {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.02), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.05), 0rem 0.063rem 0.25rem rgba(0, 0, 0, 0.08) !important;
  }
  .sx-lg\:active\:shadow-1:active {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.02), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.05), 0rem 0.063rem 0.25rem rgba(0, 0, 0, 0.08) !important;
  }
  .sx-lg\:focus\:shadow-2:focus {
    box-shadow: 0rem 0.25rem 0.625rem rgba(0, 0, 0, 0.03), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.06), 0rem 0.125rem 0.375rem rgba(0, 0, 0, 0.12) !important;
  }
  .sx-lg\:hover\:shadow-2:hover {
    box-shadow: 0rem 0.25rem 0.625rem rgba(0, 0, 0, 0.03), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.06), 0rem 0.125rem 0.375rem rgba(0, 0, 0, 0.12) !important;
  }
  .sx-lg\:active\:shadow-2:active {
    box-shadow: 0rem 0.25rem 0.625rem rgba(0, 0, 0, 0.03), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.06), 0rem 0.125rem 0.375rem rgba(0, 0, 0, 0.12) !important;
  }
  .sx-lg\:focus\:shadow-3:focus {
    box-shadow: 0rem 0.063rem 0.5rem rgba(0, 0, 0, 0.08), 0rem 0.188rem 0.25rem rgba(0, 0, 0, 0.1), 0rem 0.063rem 0.25rem -0.063rem rgba(0, 0, 0, 0.1) !important;
  }
  .sx-lg\:hover\:shadow-3:hover {
    box-shadow: 0rem 0.063rem 0.5rem rgba(0, 0, 0, 0.08), 0rem 0.188rem 0.25rem rgba(0, 0, 0, 0.1), 0rem 0.063rem 0.25rem -0.063rem rgba(0, 0, 0, 0.1) !important;
  }
  .sx-lg\:active\:shadow-3:active {
    box-shadow: 0rem 0.063rem 0.5rem rgba(0, 0, 0, 0.08), 0rem 0.188rem 0.25rem rgba(0, 0, 0, 0.1), 0rem 0.063rem 0.25rem -0.063rem rgba(0, 0, 0, 0.1) !important;
  }
  .sx-lg\:focus\:shadow-4:focus {
    box-shadow: 0rem 0.063rem 0.625rem rgba(0, 0, 0, 0.12), 0rem 0.25rem 0.313rem rgba(0, 0, 0, 0.14), 0rem 0.125rem 0.25rem -0.063rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-lg\:hover\:shadow-4:hover {
    box-shadow: 0rem 0.063rem 0.625rem rgba(0, 0, 0, 0.12), 0rem 0.25rem 0.313rem rgba(0, 0, 0, 0.14), 0rem 0.125rem 0.25rem -0.063rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-lg\:active\:shadow-4:active {
    box-shadow: 0rem 0.063rem 0.625rem rgba(0, 0, 0, 0.12), 0rem 0.25rem 0.313rem rgba(0, 0, 0, 0.14), 0rem 0.125rem 0.25rem -0.063rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-lg\:focus\:shadow-5:focus {
    box-shadow: 0rem 0.063rem 0.438rem rgba(0, 0, 0, 0.1), 0rem 0.25rem 0.313rem -0.125rem rgba(0, 0, 0, 0.12), 0rem 0.625rem 0.938rem -0.313rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-lg\:hover\:shadow-5:hover {
    box-shadow: 0rem 0.063rem 0.438rem rgba(0, 0, 0, 0.1), 0rem 0.25rem 0.313rem -0.125rem rgba(0, 0, 0, 0.12), 0rem 0.625rem 0.938rem -0.313rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-lg\:active\:shadow-5:active {
    box-shadow: 0rem 0.063rem 0.438rem rgba(0, 0, 0, 0.1), 0rem 0.25rem 0.313rem -0.125rem rgba(0, 0, 0, 0.12), 0rem 0.625rem 0.938rem -0.313rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-lg\:focus\:shadow-6:focus {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.06), 0rem 0.438rem 0.563rem rgba(0, 0, 0, 0.12), 0rem 1.25rem 1.563rem -0.5rem rgba(0, 0, 0, 0.18) !important;
  }
  .sx-lg\:hover\:shadow-6:hover {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.06), 0rem 0.438rem 0.563rem rgba(0, 0, 0, 0.12), 0rem 1.25rem 1.563rem -0.5rem rgba(0, 0, 0, 0.18) !important;
  }
  .sx-lg\:active\:shadow-6:active {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.06), 0rem 0.438rem 0.563rem rgba(0, 0, 0, 0.12), 0rem 1.25rem 1.563rem -0.5rem rgba(0, 0, 0, 0.18) !important;
  }
  .sx-lg\:focus\:shadow-7:focus {
    box-shadow: 0rem 0.438rem 1.875rem rgba(0, 0, 0, 0.08), 0rem 1.375rem 1.875rem 0.125rem rgba(0, 0, 0, 0.15), 0rem 0.5rem 0.625rem rgba(0, 0, 0, 0.15) !important;
  }
  .sx-lg\:hover\:shadow-7:hover {
    box-shadow: 0rem 0.438rem 1.875rem rgba(0, 0, 0, 0.08), 0rem 1.375rem 1.875rem 0.125rem rgba(0, 0, 0, 0.15), 0rem 0.5rem 0.625rem rgba(0, 0, 0, 0.15) !important;
  }
  .sx-lg\:active\:shadow-7:active {
    box-shadow: 0rem 0.438rem 1.875rem rgba(0, 0, 0, 0.08), 0rem 1.375rem 1.875rem 0.125rem rgba(0, 0, 0, 0.15), 0rem 0.5rem 0.625rem rgba(0, 0, 0, 0.15) !important;
  }
  .sx-lg\:focus\:shadow-8:focus {
    box-shadow: 0rem 0.563rem 2.875rem 0.5rem rgba(0, 0, 0, 0.12), 0rem 1.5rem 2.375rem 0.188rem rgba(0, 0, 0, 0.14), 0rem 0.688rem 0.938rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-lg\:hover\:shadow-8:hover {
    box-shadow: 0rem 0.563rem 2.875rem 0.5rem rgba(0, 0, 0, 0.12), 0rem 1.5rem 2.375rem 0.188rem rgba(0, 0, 0, 0.14), 0rem 0.688rem 0.938rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-lg\:active\:shadow-8:active {
    box-shadow: 0rem 0.563rem 2.875rem 0.5rem rgba(0, 0, 0, 0.12), 0rem 1.5rem 2.375rem 0.188rem rgba(0, 0, 0, 0.14), 0rem 0.688rem 0.938rem rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:shadow-none {
    box-shadow: none !important;
  }
  .sx-xl\:shadow-1 {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.02), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.05), 0rem 0.063rem 0.25rem rgba(0, 0, 0, 0.08) !important;
  }
  .sx-xl\:shadow-2 {
    box-shadow: 0rem 0.25rem 0.625rem rgba(0, 0, 0, 0.03), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.06), 0rem 0.125rem 0.375rem rgba(0, 0, 0, 0.12) !important;
  }
  .sx-xl\:shadow-3 {
    box-shadow: 0rem 0.063rem 0.5rem rgba(0, 0, 0, 0.08), 0rem 0.188rem 0.25rem rgba(0, 0, 0, 0.1), 0rem 0.063rem 0.25rem -0.063rem rgba(0, 0, 0, 0.1) !important;
  }
  .sx-xl\:shadow-4 {
    box-shadow: 0rem 0.063rem 0.625rem rgba(0, 0, 0, 0.12), 0rem 0.25rem 0.313rem rgba(0, 0, 0, 0.14), 0rem 0.125rem 0.25rem -0.063rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-xl\:shadow-5 {
    box-shadow: 0rem 0.063rem 0.438rem rgba(0, 0, 0, 0.1), 0rem 0.25rem 0.313rem -0.125rem rgba(0, 0, 0, 0.12), 0rem 0.625rem 0.938rem -0.313rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-xl\:shadow-6 {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.06), 0rem 0.438rem 0.563rem rgba(0, 0, 0, 0.12), 0rem 1.25rem 1.563rem -0.5rem rgba(0, 0, 0, 0.18) !important;
  }
  .sx-xl\:shadow-7 {
    box-shadow: 0rem 0.438rem 1.875rem rgba(0, 0, 0, 0.08), 0rem 1.375rem 1.875rem 0.125rem rgba(0, 0, 0, 0.15), 0rem 0.5rem 0.625rem rgba(0, 0, 0, 0.15) !important;
  }
  .sx-xl\:shadow-8 {
    box-shadow: 0rem 0.563rem 2.875rem 0.5rem rgba(0, 0, 0, 0.12), 0rem 1.5rem 2.375rem 0.188rem rgba(0, 0, 0, 0.14), 0rem 0.688rem 0.938rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-xl\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .sx-xl\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .sx-xl\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .sx-xl\:focus\:shadow-1:focus {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.02), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.05), 0rem 0.063rem 0.25rem rgba(0, 0, 0, 0.08) !important;
  }
  .sx-xl\:hover\:shadow-1:hover {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.02), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.05), 0rem 0.063rem 0.25rem rgba(0, 0, 0, 0.08) !important;
  }
  .sx-xl\:active\:shadow-1:active {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.02), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.05), 0rem 0.063rem 0.25rem rgba(0, 0, 0, 0.08) !important;
  }
  .sx-xl\:focus\:shadow-2:focus {
    box-shadow: 0rem 0.25rem 0.625rem rgba(0, 0, 0, 0.03), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.06), 0rem 0.125rem 0.375rem rgba(0, 0, 0, 0.12) !important;
  }
  .sx-xl\:hover\:shadow-2:hover {
    box-shadow: 0rem 0.25rem 0.625rem rgba(0, 0, 0, 0.03), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.06), 0rem 0.125rem 0.375rem rgba(0, 0, 0, 0.12) !important;
  }
  .sx-xl\:active\:shadow-2:active {
    box-shadow: 0rem 0.25rem 0.625rem rgba(0, 0, 0, 0.03), 0rem 0rem 0.125rem rgba(0, 0, 0, 0.06), 0rem 0.125rem 0.375rem rgba(0, 0, 0, 0.12) !important;
  }
  .sx-xl\:focus\:shadow-3:focus {
    box-shadow: 0rem 0.063rem 0.5rem rgba(0, 0, 0, 0.08), 0rem 0.188rem 0.25rem rgba(0, 0, 0, 0.1), 0rem 0.063rem 0.25rem -0.063rem rgba(0, 0, 0, 0.1) !important;
  }
  .sx-xl\:hover\:shadow-3:hover {
    box-shadow: 0rem 0.063rem 0.5rem rgba(0, 0, 0, 0.08), 0rem 0.188rem 0.25rem rgba(0, 0, 0, 0.1), 0rem 0.063rem 0.25rem -0.063rem rgba(0, 0, 0, 0.1) !important;
  }
  .sx-xl\:active\:shadow-3:active {
    box-shadow: 0rem 0.063rem 0.5rem rgba(0, 0, 0, 0.08), 0rem 0.188rem 0.25rem rgba(0, 0, 0, 0.1), 0rem 0.063rem 0.25rem -0.063rem rgba(0, 0, 0, 0.1) !important;
  }
  .sx-xl\:focus\:shadow-4:focus {
    box-shadow: 0rem 0.063rem 0.625rem rgba(0, 0, 0, 0.12), 0rem 0.25rem 0.313rem rgba(0, 0, 0, 0.14), 0rem 0.125rem 0.25rem -0.063rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-xl\:hover\:shadow-4:hover {
    box-shadow: 0rem 0.063rem 0.625rem rgba(0, 0, 0, 0.12), 0rem 0.25rem 0.313rem rgba(0, 0, 0, 0.14), 0rem 0.125rem 0.25rem -0.063rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-xl\:active\:shadow-4:active {
    box-shadow: 0rem 0.063rem 0.625rem rgba(0, 0, 0, 0.12), 0rem 0.25rem 0.313rem rgba(0, 0, 0, 0.14), 0rem 0.125rem 0.25rem -0.063rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-xl\:focus\:shadow-5:focus {
    box-shadow: 0rem 0.063rem 0.438rem rgba(0, 0, 0, 0.1), 0rem 0.25rem 0.313rem -0.125rem rgba(0, 0, 0, 0.12), 0rem 0.625rem 0.938rem -0.313rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-xl\:hover\:shadow-5:hover {
    box-shadow: 0rem 0.063rem 0.438rem rgba(0, 0, 0, 0.1), 0rem 0.25rem 0.313rem -0.125rem rgba(0, 0, 0, 0.12), 0rem 0.625rem 0.938rem -0.313rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-xl\:active\:shadow-5:active {
    box-shadow: 0rem 0.063rem 0.438rem rgba(0, 0, 0, 0.1), 0rem 0.25rem 0.313rem -0.125rem rgba(0, 0, 0, 0.12), 0rem 0.625rem 0.938rem -0.313rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-xl\:focus\:shadow-6:focus {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.06), 0rem 0.438rem 0.563rem rgba(0, 0, 0, 0.12), 0rem 1.25rem 1.563rem -0.5rem rgba(0, 0, 0, 0.18) !important;
  }
  .sx-xl\:hover\:shadow-6:hover {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.06), 0rem 0.438rem 0.563rem rgba(0, 0, 0, 0.12), 0rem 1.25rem 1.563rem -0.5rem rgba(0, 0, 0, 0.18) !important;
  }
  .sx-xl\:active\:shadow-6:active {
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.06), 0rem 0.438rem 0.563rem rgba(0, 0, 0, 0.12), 0rem 1.25rem 1.563rem -0.5rem rgba(0, 0, 0, 0.18) !important;
  }
  .sx-xl\:focus\:shadow-7:focus {
    box-shadow: 0rem 0.438rem 1.875rem rgba(0, 0, 0, 0.08), 0rem 1.375rem 1.875rem 0.125rem rgba(0, 0, 0, 0.15), 0rem 0.5rem 0.625rem rgba(0, 0, 0, 0.15) !important;
  }
  .sx-xl\:hover\:shadow-7:hover {
    box-shadow: 0rem 0.438rem 1.875rem rgba(0, 0, 0, 0.08), 0rem 1.375rem 1.875rem 0.125rem rgba(0, 0, 0, 0.15), 0rem 0.5rem 0.625rem rgba(0, 0, 0, 0.15) !important;
  }
  .sx-xl\:active\:shadow-7:active {
    box-shadow: 0rem 0.438rem 1.875rem rgba(0, 0, 0, 0.08), 0rem 1.375rem 1.875rem 0.125rem rgba(0, 0, 0, 0.15), 0rem 0.5rem 0.625rem rgba(0, 0, 0, 0.15) !important;
  }
  .sx-xl\:focus\:shadow-8:focus {
    box-shadow: 0rem 0.563rem 2.875rem 0.5rem rgba(0, 0, 0, 0.12), 0rem 1.5rem 2.375rem 0.188rem rgba(0, 0, 0, 0.14), 0rem 0.688rem 0.938rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-xl\:hover\:shadow-8:hover {
    box-shadow: 0rem 0.563rem 2.875rem 0.5rem rgba(0, 0, 0, 0.12), 0rem 1.5rem 2.375rem 0.188rem rgba(0, 0, 0, 0.14), 0rem 0.688rem 0.938rem rgba(0, 0, 0, 0.2) !important;
  }
  .sx-xl\:active\:shadow-8:active {
    box-shadow: 0rem 0.563rem 2.875rem 0.5rem rgba(0, 0, 0, 0.12), 0rem 1.5rem 2.375rem 0.188rem rgba(0, 0, 0, 0.14), 0rem 0.688rem 0.938rem rgba(0, 0, 0, 0.2) !important;
  }
}
.sx-border-none {
  border-width: 0rem !important;
  border-style: none;
}

.sx-border-1 {
  border-width: 0.063rem !important;
  border-style: solid;
}

.sx-border-2 {
  border-width: 0.125rem !important;
  border-style: solid;
}

.sx-border-3 {
  border-width: 0.188rem !important;
  border-style: solid;
}

.sx-border-top-none {
  border-top-width: 0rem !important;
  border-top-style: none;
}

.sx-border-top-1 {
  border-top-width: 0.063rem !important;
  border-top-style: solid;
}

.sx-border-top-2 {
  border-top-width: 0.125rem !important;
  border-top-style: solid;
}

.sx-border-top-3 {
  border-top-width: 0.188rem !important;
  border-top-style: solid;
}

.sx-border-right-none {
  border-right-width: 0rem !important;
  border-right-style: none;
}

.sx-border-right-1 {
  border-right-width: 0.063rem !important;
  border-right-style: solid;
}

.sx-border-right-2 {
  border-right-width: 0.125rem !important;
  border-right-style: solid;
}

.sx-border-right-3 {
  border-right-width: 0.188rem !important;
  border-right-style: solid;
}

.sx-border-left-none {
  border-left-width: 0rem !important;
  border-left-style: none;
}

.sx-border-left-1 {
  border-left-width: 0.063rem !important;
  border-left-style: solid;
}

.sx-border-left-2 {
  border-left-width: 0.125rem !important;
  border-left-style: solid;
}

.sx-border-left-3 {
  border-left-width: 0.188rem !important;
  border-left-style: solid;
}

.sx-border-bottom-none {
  border-bottom-width: 0rem !important;
  border-bottom-style: none;
}

.sx-border-bottom-1 {
  border-bottom-width: 0.063rem !important;
  border-bottom-style: solid;
}

.sx-border-bottom-2 {
  border-bottom-width: 0.125rem !important;
  border-bottom-style: solid;
}

.sx-border-bottom-3 {
  border-bottom-width: 0.188rem !important;
  border-bottom-style: solid;
}

.sx-border-x-none {
  border-left-width: 0rem !important;
  border-left-style: none;
  border-right-width: 0rem !important;
  border-right-style: none;
}

.sx-border-x-1 {
  border-left-width: 0.063rem !important;
  border-left-style: solid;
  border-right-width: 0.063rem !important;
  border-right-style: solid;
}

.sx-border-x-2 {
  border-left-width: 0.125rem !important;
  border-left-style: solid;
  border-right-width: 0.125rem !important;
  border-right-style: solid;
}

.sx-border-x-3 {
  border-left-width: 0.188rem !important;
  border-left-style: solid;
  border-right-width: 0.188rem !important;
  border-right-style: solid;
}

.sx-border-y-none {
  border-top-width: 0rem !important;
  border-top-style: none;
  border-bottom-width: 0rem !important;
  border-bottom-style: none;
}

.sx-border-y-1 {
  border-top-width: 0.063rem !important;
  border-top-style: solid;
  border-bottom-width: 0.063rem !important;
  border-bottom-style: solid;
}

.sx-border-y-2 {
  border-top-width: 0.125rem !important;
  border-top-style: solid;
  border-bottom-width: 0.125rem !important;
  border-bottom-style: solid;
}

.sx-border-y-3 {
  border-top-width: 0.188rem !important;
  border-top-style: solid;
  border-bottom-width: 0.188rem !important;
  border-bottom-style: solid;
}

@media screen and (min-width: 576px) {
  .sx-sm\:border-none {
    border-width: 0rem !important;
    border-style: none;
  }
  .sx-sm\:border-1 {
    border-width: 0.063rem !important;
    border-style: solid;
  }
  .sx-sm\:border-2 {
    border-width: 0.125rem !important;
    border-style: solid;
  }
  .sx-sm\:border-3 {
    border-width: 0.188rem !important;
    border-style: solid;
  }
  .sx-sm\:border-top-none {
    border-top-width: 0rem !important;
    border-top-style: none;
  }
  .sx-sm\:border-top-1 {
    border-top-width: 0.063rem !important;
    border-top-style: solid;
  }
  .sx-sm\:border-top-2 {
    border-top-width: 0.125rem !important;
    border-top-style: solid;
  }
  .sx-sm\:border-top-3 {
    border-top-width: 0.188rem !important;
    border-top-style: solid;
  }
  .sx-sm\:border-right-none {
    border-right-width: 0rem !important;
    border-right-style: none;
  }
  .sx-sm\:border-right-1 {
    border-right-width: 0.063rem !important;
    border-right-style: solid;
  }
  .sx-sm\:border-right-2 {
    border-right-width: 0.125rem !important;
    border-right-style: solid;
  }
  .sx-sm\:border-right-3 {
    border-right-width: 0.188rem !important;
    border-right-style: solid;
  }
  .sx-sm\:border-left-none {
    border-left-width: 0rem !important;
    border-left-style: none;
  }
  .sx-sm\:border-left-1 {
    border-left-width: 0.063rem !important;
    border-left-style: solid;
  }
  .sx-sm\:border-left-2 {
    border-left-width: 0.125rem !important;
    border-left-style: solid;
  }
  .sx-sm\:border-left-3 {
    border-left-width: 0.188rem !important;
    border-left-style: solid;
  }
  .sx-sm\:border-bottom-none {
    border-bottom-width: 0rem !important;
    border-bottom-style: none;
  }
  .sx-sm\:border-bottom-1 {
    border-bottom-width: 0.063rem !important;
    border-bottom-style: solid;
  }
  .sx-sm\:border-bottom-2 {
    border-bottom-width: 0.125rem !important;
    border-bottom-style: solid;
  }
  .sx-sm\:border-bottom-3 {
    border-bottom-width: 0.188rem !important;
    border-bottom-style: solid;
  }
  .sx-sm\:border-x-none {
    border-left-width: 0rem !important;
    border-left-style: none;
    border-right-width: 0rem !important;
    border-right-style: none;
  }
  .sx-sm\:border-x-1 {
    border-left-width: 0.063rem !important;
    border-left-style: solid;
    border-right-width: 0.063rem !important;
    border-right-style: solid;
  }
  .sx-sm\:border-x-2 {
    border-left-width: 0.125rem !important;
    border-left-style: solid;
    border-right-width: 0.125rem !important;
    border-right-style: solid;
  }
  .sx-sm\:border-x-3 {
    border-left-width: 0.188rem !important;
    border-left-style: solid;
    border-right-width: 0.188rem !important;
    border-right-style: solid;
  }
  .sx-sm\:border-y-none {
    border-top-width: 0rem !important;
    border-top-style: none;
    border-bottom-width: 0rem !important;
    border-bottom-style: none;
  }
  .sx-sm\:border-y-1 {
    border-top-width: 0.063rem !important;
    border-top-style: solid;
    border-bottom-width: 0.063rem !important;
    border-bottom-style: solid;
  }
  .sx-sm\:border-y-2 {
    border-top-width: 0.125rem !important;
    border-top-style: solid;
    border-bottom-width: 0.125rem !important;
    border-bottom-style: solid;
  }
  .sx-sm\:border-y-3 {
    border-top-width: 0.188rem !important;
    border-top-style: solid;
    border-bottom-width: 0.188rem !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:border-none {
    border-width: 0rem !important;
    border-style: none;
  }
  .sx-md\:border-1 {
    border-width: 0.063rem !important;
    border-style: solid;
  }
  .sx-md\:border-2 {
    border-width: 0.125rem !important;
    border-style: solid;
  }
  .sx-md\:border-3 {
    border-width: 0.188rem !important;
    border-style: solid;
  }
  .sx-md\:border-top-none {
    border-top-width: 0rem !important;
    border-top-style: none;
  }
  .sx-md\:border-top-1 {
    border-top-width: 0.063rem !important;
    border-top-style: solid;
  }
  .sx-md\:border-top-2 {
    border-top-width: 0.125rem !important;
    border-top-style: solid;
  }
  .sx-md\:border-top-3 {
    border-top-width: 0.188rem !important;
    border-top-style: solid;
  }
  .sx-md\:border-right-none {
    border-right-width: 0rem !important;
    border-right-style: none;
  }
  .sx-md\:border-right-1 {
    border-right-width: 0.063rem !important;
    border-right-style: solid;
  }
  .sx-md\:border-right-2 {
    border-right-width: 0.125rem !important;
    border-right-style: solid;
  }
  .sx-md\:border-right-3 {
    border-right-width: 0.188rem !important;
    border-right-style: solid;
  }
  .sx-md\:border-left-none {
    border-left-width: 0rem !important;
    border-left-style: none;
  }
  .sx-md\:border-left-1 {
    border-left-width: 0.063rem !important;
    border-left-style: solid;
  }
  .sx-md\:border-left-2 {
    border-left-width: 0.125rem !important;
    border-left-style: solid;
  }
  .sx-md\:border-left-3 {
    border-left-width: 0.188rem !important;
    border-left-style: solid;
  }
  .sx-md\:border-bottom-none {
    border-bottom-width: 0rem !important;
    border-bottom-style: none;
  }
  .sx-md\:border-bottom-1 {
    border-bottom-width: 0.063rem !important;
    border-bottom-style: solid;
  }
  .sx-md\:border-bottom-2 {
    border-bottom-width: 0.125rem !important;
    border-bottom-style: solid;
  }
  .sx-md\:border-bottom-3 {
    border-bottom-width: 0.188rem !important;
    border-bottom-style: solid;
  }
  .sx-md\:border-x-none {
    border-left-width: 0rem !important;
    border-left-style: none;
    border-right-width: 0rem !important;
    border-right-style: none;
  }
  .sx-md\:border-x-1 {
    border-left-width: 0.063rem !important;
    border-left-style: solid;
    border-right-width: 0.063rem !important;
    border-right-style: solid;
  }
  .sx-md\:border-x-2 {
    border-left-width: 0.125rem !important;
    border-left-style: solid;
    border-right-width: 0.125rem !important;
    border-right-style: solid;
  }
  .sx-md\:border-x-3 {
    border-left-width: 0.188rem !important;
    border-left-style: solid;
    border-right-width: 0.188rem !important;
    border-right-style: solid;
  }
  .sx-md\:border-y-none {
    border-top-width: 0rem !important;
    border-top-style: none;
    border-bottom-width: 0rem !important;
    border-bottom-style: none;
  }
  .sx-md\:border-y-1 {
    border-top-width: 0.063rem !important;
    border-top-style: solid;
    border-bottom-width: 0.063rem !important;
    border-bottom-style: solid;
  }
  .sx-md\:border-y-2 {
    border-top-width: 0.125rem !important;
    border-top-style: solid;
    border-bottom-width: 0.125rem !important;
    border-bottom-style: solid;
  }
  .sx-md\:border-y-3 {
    border-top-width: 0.188rem !important;
    border-top-style: solid;
    border-bottom-width: 0.188rem !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:border-none {
    border-width: 0rem !important;
    border-style: none;
  }
  .sx-lg\:border-1 {
    border-width: 0.063rem !important;
    border-style: solid;
  }
  .sx-lg\:border-2 {
    border-width: 0.125rem !important;
    border-style: solid;
  }
  .sx-lg\:border-3 {
    border-width: 0.188rem !important;
    border-style: solid;
  }
  .sx-lg\:border-top-none {
    border-top-width: 0rem !important;
    border-top-style: none;
  }
  .sx-lg\:border-top-1 {
    border-top-width: 0.063rem !important;
    border-top-style: solid;
  }
  .sx-lg\:border-top-2 {
    border-top-width: 0.125rem !important;
    border-top-style: solid;
  }
  .sx-lg\:border-top-3 {
    border-top-width: 0.188rem !important;
    border-top-style: solid;
  }
  .sx-lg\:border-right-none {
    border-right-width: 0rem !important;
    border-right-style: none;
  }
  .sx-lg\:border-right-1 {
    border-right-width: 0.063rem !important;
    border-right-style: solid;
  }
  .sx-lg\:border-right-2 {
    border-right-width: 0.125rem !important;
    border-right-style: solid;
  }
  .sx-lg\:border-right-3 {
    border-right-width: 0.188rem !important;
    border-right-style: solid;
  }
  .sx-lg\:border-left-none {
    border-left-width: 0rem !important;
    border-left-style: none;
  }
  .sx-lg\:border-left-1 {
    border-left-width: 0.063rem !important;
    border-left-style: solid;
  }
  .sx-lg\:border-left-2 {
    border-left-width: 0.125rem !important;
    border-left-style: solid;
  }
  .sx-lg\:border-left-3 {
    border-left-width: 0.188rem !important;
    border-left-style: solid;
  }
  .sx-lg\:border-bottom-none {
    border-bottom-width: 0rem !important;
    border-bottom-style: none;
  }
  .sx-lg\:border-bottom-1 {
    border-bottom-width: 0.063rem !important;
    border-bottom-style: solid;
  }
  .sx-lg\:border-bottom-2 {
    border-bottom-width: 0.125rem !important;
    border-bottom-style: solid;
  }
  .sx-lg\:border-bottom-3 {
    border-bottom-width: 0.188rem !important;
    border-bottom-style: solid;
  }
  .sx-lg\:border-x-none {
    border-left-width: 0rem !important;
    border-left-style: none;
    border-right-width: 0rem !important;
    border-right-style: none;
  }
  .sx-lg\:border-x-1 {
    border-left-width: 0.063rem !important;
    border-left-style: solid;
    border-right-width: 0.063rem !important;
    border-right-style: solid;
  }
  .sx-lg\:border-x-2 {
    border-left-width: 0.125rem !important;
    border-left-style: solid;
    border-right-width: 0.125rem !important;
    border-right-style: solid;
  }
  .sx-lg\:border-x-3 {
    border-left-width: 0.188rem !important;
    border-left-style: solid;
    border-right-width: 0.188rem !important;
    border-right-style: solid;
  }
  .sx-lg\:border-y-none {
    border-top-width: 0rem !important;
    border-top-style: none;
    border-bottom-width: 0rem !important;
    border-bottom-style: none;
  }
  .sx-lg\:border-y-1 {
    border-top-width: 0.063rem !important;
    border-top-style: solid;
    border-bottom-width: 0.063rem !important;
    border-bottom-style: solid;
  }
  .sx-lg\:border-y-2 {
    border-top-width: 0.125rem !important;
    border-top-style: solid;
    border-bottom-width: 0.125rem !important;
    border-bottom-style: solid;
  }
  .sx-lg\:border-y-3 {
    border-top-width: 0.188rem !important;
    border-top-style: solid;
    border-bottom-width: 0.188rem !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:border-none {
    border-width: 0rem !important;
    border-style: none;
  }
  .sx-xl\:border-1 {
    border-width: 0.063rem !important;
    border-style: solid;
  }
  .sx-xl\:border-2 {
    border-width: 0.125rem !important;
    border-style: solid;
  }
  .sx-xl\:border-3 {
    border-width: 0.188rem !important;
    border-style: solid;
  }
  .sx-xl\:border-top-none {
    border-top-width: 0rem !important;
    border-top-style: none;
  }
  .sx-xl\:border-top-1 {
    border-top-width: 0.063rem !important;
    border-top-style: solid;
  }
  .sx-xl\:border-top-2 {
    border-top-width: 0.125rem !important;
    border-top-style: solid;
  }
  .sx-xl\:border-top-3 {
    border-top-width: 0.188rem !important;
    border-top-style: solid;
  }
  .sx-xl\:border-right-none {
    border-right-width: 0rem !important;
    border-right-style: none;
  }
  .sx-xl\:border-right-1 {
    border-right-width: 0.063rem !important;
    border-right-style: solid;
  }
  .sx-xl\:border-right-2 {
    border-right-width: 0.125rem !important;
    border-right-style: solid;
  }
  .sx-xl\:border-right-3 {
    border-right-width: 0.188rem !important;
    border-right-style: solid;
  }
  .sx-xl\:border-left-none {
    border-left-width: 0rem !important;
    border-left-style: none;
  }
  .sx-xl\:border-left-1 {
    border-left-width: 0.063rem !important;
    border-left-style: solid;
  }
  .sx-xl\:border-left-2 {
    border-left-width: 0.125rem !important;
    border-left-style: solid;
  }
  .sx-xl\:border-left-3 {
    border-left-width: 0.188rem !important;
    border-left-style: solid;
  }
  .sx-xl\:border-bottom-none {
    border-bottom-width: 0rem !important;
    border-bottom-style: none;
  }
  .sx-xl\:border-bottom-1 {
    border-bottom-width: 0.063rem !important;
    border-bottom-style: solid;
  }
  .sx-xl\:border-bottom-2 {
    border-bottom-width: 0.125rem !important;
    border-bottom-style: solid;
  }
  .sx-xl\:border-bottom-3 {
    border-bottom-width: 0.188rem !important;
    border-bottom-style: solid;
  }
  .sx-xl\:border-x-none {
    border-left-width: 0rem !important;
    border-left-style: none;
    border-right-width: 0rem !important;
    border-right-style: none;
  }
  .sx-xl\:border-x-1 {
    border-left-width: 0.063rem !important;
    border-left-style: solid;
    border-right-width: 0.063rem !important;
    border-right-style: solid;
  }
  .sx-xl\:border-x-2 {
    border-left-width: 0.125rem !important;
    border-left-style: solid;
    border-right-width: 0.125rem !important;
    border-right-style: solid;
  }
  .sx-xl\:border-x-3 {
    border-left-width: 0.188rem !important;
    border-left-style: solid;
    border-right-width: 0.188rem !important;
    border-right-style: solid;
  }
  .sx-xl\:border-y-none {
    border-top-width: 0rem !important;
    border-top-style: none;
    border-bottom-width: 0rem !important;
    border-bottom-style: none;
  }
  .sx-xl\:border-y-1 {
    border-top-width: 0.063rem !important;
    border-top-style: solid;
    border-bottom-width: 0.063rem !important;
    border-bottom-style: solid;
  }
  .sx-xl\:border-y-2 {
    border-top-width: 0.125rem !important;
    border-top-style: solid;
    border-bottom-width: 0.125rem !important;
    border-bottom-style: solid;
  }
  .sx-xl\:border-y-3 {
    border-top-width: 0.188rem !important;
    border-top-style: solid;
    border-bottom-width: 0.188rem !important;
    border-bottom-style: solid;
  }
}
.sx-border-solid {
  border-style: solid !important;
}

.sx-border-dashed {
  border-style: dashed !important;
}

.sx-border-dotted {
  border-style: dotted !important;
}

.sx-border-double {
  border-style: double !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:border-solid {
    border-style: solid !important;
  }
  .sx-sm\:border-dashed {
    border-style: dashed !important;
  }
  .sx-sm\:border-dotted {
    border-style: dotted !important;
  }
  .sx-sm\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:border-solid {
    border-style: solid !important;
  }
  .sx-md\:border-dashed {
    border-style: dashed !important;
  }
  .sx-md\:border-dotted {
    border-style: dotted !important;
  }
  .sx-md\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:border-solid {
    border-style: solid !important;
  }
  .sx-lg\:border-dashed {
    border-style: dashed !important;
  }
  .sx-lg\:border-dotted {
    border-style: dotted !important;
  }
  .sx-lg\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:border-solid {
    border-style: solid !important;
  }
  .sx-xl\:border-dashed {
    border-style: dashed !important;
  }
  .sx-xl\:border-dotted {
    border-style: dotted !important;
  }
  .sx-xl\:border-double {
    border-style: double !important;
  }
}
.sx-border-noround {
  border-radius: 0 !important;
}

.sx-border-round {
  border-radius: var(--border-radius) !important;
}

.sx-border-round-xs {
  border-radius: 0.125rem !important;
}

.sx-border-round-sm {
  border-radius: 0.25rem !important;
}

.sx-border-round-md {
  border-radius: 0.375rem !important;
}

.sx-border-round-lg {
  border-radius: 0.5rem !important;
}

.sx-border-round-xl {
  border-radius: 0.75rem !important;
}

.sx-border-round-2xl {
  border-radius: 1rem !important;
}

.sx-border-round-3xl {
  border-radius: 1.5rem !important;
}

.sx-border-circle {
  border-radius: 50% !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:border-noround {
    border-radius: 0 !important;
  }
  .sx-sm\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .sx-sm\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .sx-sm\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .sx-sm\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .sx-sm\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .sx-sm\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .sx-sm\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .sx-sm\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .sx-sm\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:border-noround {
    border-radius: 0 !important;
  }
  .sx-md\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .sx-md\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .sx-md\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .sx-md\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .sx-md\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .sx-md\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .sx-md\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .sx-md\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .sx-md\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:border-noround {
    border-radius: 0 !important;
  }
  .sx-lg\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .sx-lg\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .sx-lg\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .sx-lg\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .sx-lg\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .sx-lg\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .sx-lg\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .sx-lg\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .sx-lg\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:border-noround {
    border-radius: 0 !important;
  }
  .sx-xl\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .sx-xl\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .sx-xl\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .sx-xl\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .sx-xl\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .sx-xl\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .sx-xl\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .sx-xl\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .sx-xl\:border-circle {
    border-radius: 50% !important;
  }
}
.sx-border-noround-left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.sx-border-noround-top {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.sx-border-noround-right {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.sx-border-noround-bottom {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.sx-border-round-left {
  border-top-left-radius: var(--border-radius) !important;
  border-bottom-left-radius: var(--border-radius) !important;
}

.sx-border-round-top {
  border-top-left-radius: var(--border-radius) !important;
  border-top-right-radius: var(--border-radius) !important;
}

.sx-border-round-right {
  border-top-right-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}

.sx-border-round-bottom {
  border-bottom-left-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}

.sx-border-round-left-xs {
  border-top-left-radius: 0.125rem !important;
  border-bottom-left-radius: 0.125rem !important;
}

.sx-border-round-top-xs {
  border-top-left-radius: 0.125rem !important;
  border-top-right-radius: 0.125rem !important;
}

.sx-border-round-right-xs {
  border-top-right-radius: 0.125rem !important;
  border-bottom-right-radius: 0.125rem !important;
}

.sx-border-round-bottom-xs {
  border-bottom-left-radius: 0.125rem !important;
  border-bottom-right-radius: 0.125rem !important;
}

.sx-border-round-left-sm {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.sx-border-round-top-sm {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.sx-border-round-right-sm {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.sx-border-round-bottom-sm {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.sx-border-round-left-md {
  border-top-left-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}

.sx-border-round-top-md {
  border-top-left-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important;
}

.sx-border-round-right-md {
  border-top-right-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}

.sx-border-round-bottom-md {
  border-bottom-left-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}

.sx-border-round-left-lg {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}

.sx-border-round-top-lg {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}

.sx-border-round-right-lg {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.sx-border-round-bottom-lg {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.sx-border-round-left-xl {
  border-top-left-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
}

.sx-border-round-top-xl {
  border-top-left-radius: 0.75rem !important;
  border-top-right-radius: 0.75rem !important;
}

.sx-border-round-right-xl {
  border-top-right-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}

.sx-border-round-bottom-xl {
  border-bottom-left-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}

.sx-border-round-left-2xl {
  border-top-left-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}

.sx-border-round-top-2xl {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}

.sx-border-round-right-2xl {
  border-top-right-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}

.sx-border-round-bottom-2xl {
  border-bottom-left-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}

.sx-border-round-left-3xl {
  border-top-left-radius: 1.5rem !important;
  border-bottom-left-radius: 1.5rem !important;
}

.sx-border-round-top-3xl {
  border-top-left-radius: 1.5rem !important;
  border-top-right-radius: 1.5rem !important;
}

.sx-border-round-right-3xl {
  border-top-right-radius: 1.5rem !important;
  border-bottom-right-radius: 1.5rem !important;
}

.sx-border-round-bottom-3xl {
  border-bottom-left-radius: 1.5rem !important;
  border-bottom-right-radius: 1.5rem !important;
}

.sx-border-circle-left {
  border-top-left-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.sx-border-circle-top {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.sx-border-circle-right {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.sx-border-circle-bottom {
  border-bottom-left-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .sx-sm\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .sx-sm\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sx-sm\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sx-sm\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .sx-sm\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .sx-sm\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .sx-sm\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .sx-sm\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .sx-sm\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .sx-sm\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .sx-sm\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .sx-sm\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .sx-sm\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .sx-sm\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .sx-sm\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .sx-sm\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .sx-sm\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .sx-sm\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .sx-sm\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .sx-sm\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .sx-sm\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .sx-sm\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .sx-sm\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .sx-sm\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .sx-sm\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .sx-sm\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .sx-sm\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .sx-sm\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .sx-sm\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .sx-sm\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .sx-sm\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .sx-sm\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .sx-sm\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .sx-sm\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .sx-sm\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .sx-sm\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .sx-sm\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .sx-sm\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .sx-sm\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .sx-md\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .sx-md\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sx-md\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sx-md\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .sx-md\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .sx-md\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .sx-md\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .sx-md\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .sx-md\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .sx-md\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .sx-md\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .sx-md\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .sx-md\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .sx-md\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .sx-md\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .sx-md\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .sx-md\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .sx-md\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .sx-md\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .sx-md\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .sx-md\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .sx-md\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .sx-md\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .sx-md\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .sx-md\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .sx-md\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .sx-md\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .sx-md\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .sx-md\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .sx-md\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .sx-md\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .sx-md\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .sx-md\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .sx-md\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .sx-md\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .sx-md\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .sx-md\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .sx-md\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .sx-md\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .sx-lg\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .sx-lg\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sx-lg\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sx-lg\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .sx-lg\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .sx-lg\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .sx-lg\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .sx-lg\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .sx-lg\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .sx-lg\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .sx-lg\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .sx-lg\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .sx-lg\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .sx-lg\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .sx-lg\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .sx-lg\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .sx-lg\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .sx-lg\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .sx-lg\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .sx-lg\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .sx-lg\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .sx-lg\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .sx-lg\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .sx-lg\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .sx-lg\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .sx-lg\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .sx-lg\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .sx-lg\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .sx-lg\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .sx-lg\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .sx-lg\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .sx-lg\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .sx-lg\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .sx-lg\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .sx-lg\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .sx-lg\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .sx-lg\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .sx-lg\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .sx-lg\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .sx-xl\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .sx-xl\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sx-xl\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sx-xl\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .sx-xl\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .sx-xl\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .sx-xl\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .sx-xl\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .sx-xl\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .sx-xl\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .sx-xl\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .sx-xl\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .sx-xl\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .sx-xl\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .sx-xl\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .sx-xl\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .sx-xl\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .sx-xl\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .sx-xl\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .sx-xl\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .sx-xl\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .sx-xl\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .sx-xl\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .sx-xl\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .sx-xl\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .sx-xl\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .sx-xl\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .sx-xl\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .sx-xl\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .sx-xl\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .sx-xl\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .sx-xl\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .sx-xl\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .sx-xl\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .sx-xl\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .sx-xl\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .sx-xl\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .sx-xl\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .sx-xl\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
.sx-w-full {
  width: 100% !important;
}

.sx-w-screen {
  width: 100vw !important;
}

.sx-w-auto {
  width: auto !important;
}

.sx-w-1 {
  width: 8.3333% !important;
}

.sx-w-2 {
  width: 16.6667% !important;
}

.sx-w-3 {
  width: 25% !important;
}

.sx-w-4 {
  width: 33.3333% !important;
}

.sx-w-5 {
  width: 41.6667% !important;
}

.sx-w-6 {
  width: 50% !important;
}

.sx-w-7 {
  width: 58.3333% !important;
}

.sx-w-8 {
  width: 66.6667% !important;
}

.sx-w-9 {
  width: 75% !important;
}

.sx-w-10 {
  width: 83.3333% !important;
}

.sx-w-11 {
  width: 91.6667% !important;
}

.sx-w-12 {
  width: 100% !important;
}

.sx-w-min {
  width: -webkit-min-content !important;
  width: min-content !important;
}

.sx-w-max {
  width: -webkit-max-content !important;
  width: max-content !important;
}

.sx-w-fit {
  width: -webkit-fit-content !important;
  width: fit-content !important;
}

.sx-w-1rem {
  width: 1rem !important;
}

.sx-w-2rem {
  width: 2rem !important;
}

.sx-w-3rem {
  width: 3rem !important;
}

.sx-w-4rem {
  width: 4rem !important;
}

.sx-w-5rem {
  width: 5rem !important;
}

.sx-w-6rem {
  width: 6rem !important;
}

.sx-w-7rem {
  width: 7rem !important;
}

.sx-w-8rem {
  width: 8rem !important;
}

.sx-w-9rem {
  width: 9rem !important;
}

.sx-w-10rem {
  width: 10rem !important;
}

.sx-w-11rem {
  width: 11rem !important;
}

.sx-w-12rem {
  width: 12rem !important;
}

.sx-w-13rem {
  width: 13rem !important;
}

.sx-w-14rem {
  width: 14rem !important;
}

.sx-w-15rem {
  width: 15rem !important;
}

.sx-w-16rem {
  width: 16rem !important;
}

.sx-w-17rem {
  width: 17rem !important;
}

.sx-w-18rem {
  width: 18rem !important;
}

.sx-w-19rem {
  width: 19rem !important;
}

.sx-w-20rem {
  width: 20rem !important;
}

.sx-w-21rem {
  width: 21rem !important;
}

.sx-w-22rem {
  width: 22rem !important;
}

.sx-w-23rem {
  width: 23rem !important;
}

.sx-w-24rem {
  width: 24rem !important;
}

.sx-w-25rem {
  width: 25rem !important;
}

.sx-w-26rem {
  width: 26rem !important;
}

.sx-w-27rem {
  width: 27rem !important;
}

.sx-w-28rem {
  width: 28rem !important;
}

.sx-w-29rem {
  width: 29rem !important;
}

.sx-w-30rem {
  width: 30rem !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:w-full {
    width: 100% !important;
  }
  .sx-sm\:w-screen {
    width: 100vw !important;
  }
  .sx-sm\:w-auto {
    width: auto !important;
  }
  .sx-sm\:w-1 {
    width: 8.3333% !important;
  }
  .sx-sm\:w-2 {
    width: 16.6667% !important;
  }
  .sx-sm\:w-3 {
    width: 25% !important;
  }
  .sx-sm\:w-4 {
    width: 33.3333% !important;
  }
  .sx-sm\:w-5 {
    width: 41.6667% !important;
  }
  .sx-sm\:w-6 {
    width: 50% !important;
  }
  .sx-sm\:w-7 {
    width: 58.3333% !important;
  }
  .sx-sm\:w-8 {
    width: 66.6667% !important;
  }
  .sx-sm\:w-9 {
    width: 75% !important;
  }
  .sx-sm\:w-10 {
    width: 83.3333% !important;
  }
  .sx-sm\:w-11 {
    width: 91.6667% !important;
  }
  .sx-sm\:w-12 {
    width: 100% !important;
  }
  .sx-sm\:w-min {
    width: -webkit-min-content !important;
    width: min-content !important;
  }
  .sx-sm\:w-max {
    width: -webkit-max-content !important;
    width: max-content !important;
  }
  .sx-sm\:w-fit {
    width: -webkit-fit-content !important;
    width: fit-content !important;
  }
  .sx-sm\:w-1rem {
    width: 1rem !important;
  }
  .sx-sm\:w-2rem {
    width: 2rem !important;
  }
  .sx-sm\:w-3rem {
    width: 3rem !important;
  }
  .sx-sm\:w-4rem {
    width: 4rem !important;
  }
  .sx-sm\:w-5rem {
    width: 5rem !important;
  }
  .sx-sm\:w-6rem {
    width: 6rem !important;
  }
  .sx-sm\:w-7rem {
    width: 7rem !important;
  }
  .sx-sm\:w-8rem {
    width: 8rem !important;
  }
  .sx-sm\:w-9rem {
    width: 9rem !important;
  }
  .sx-sm\:w-10rem {
    width: 10rem !important;
  }
  .sx-sm\:w-11rem {
    width: 11rem !important;
  }
  .sx-sm\:w-12rem {
    width: 12rem !important;
  }
  .sx-sm\:w-13rem {
    width: 13rem !important;
  }
  .sx-sm\:w-14rem {
    width: 14rem !important;
  }
  .sx-sm\:w-15rem {
    width: 15rem !important;
  }
  .sx-sm\:w-16rem {
    width: 16rem !important;
  }
  .sx-sm\:w-17rem {
    width: 17rem !important;
  }
  .sx-sm\:w-18rem {
    width: 18rem !important;
  }
  .sx-sm\:w-19rem {
    width: 19rem !important;
  }
  .sx-sm\:w-20rem {
    width: 20rem !important;
  }
  .sx-sm\:w-21rem {
    width: 21rem !important;
  }
  .sx-sm\:w-22rem {
    width: 22rem !important;
  }
  .sx-sm\:w-23rem {
    width: 23rem !important;
  }
  .sx-sm\:w-24rem {
    width: 24rem !important;
  }
  .sx-sm\:w-25rem {
    width: 25rem !important;
  }
  .sx-sm\:w-26rem {
    width: 26rem !important;
  }
  .sx-sm\:w-27rem {
    width: 27rem !important;
  }
  .sx-sm\:w-28rem {
    width: 28rem !important;
  }
  .sx-sm\:w-29rem {
    width: 29rem !important;
  }
  .sx-sm\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:w-full {
    width: 100% !important;
  }
  .sx-md\:w-screen {
    width: 100vw !important;
  }
  .sx-md\:w-auto {
    width: auto !important;
  }
  .sx-md\:w-1 {
    width: 8.3333% !important;
  }
  .sx-md\:w-2 {
    width: 16.6667% !important;
  }
  .sx-md\:w-3 {
    width: 25% !important;
  }
  .sx-md\:w-4 {
    width: 33.3333% !important;
  }
  .sx-md\:w-5 {
    width: 41.6667% !important;
  }
  .sx-md\:w-6 {
    width: 50% !important;
  }
  .sx-md\:w-7 {
    width: 58.3333% !important;
  }
  .sx-md\:w-8 {
    width: 66.6667% !important;
  }
  .sx-md\:w-9 {
    width: 75% !important;
  }
  .sx-md\:w-10 {
    width: 83.3333% !important;
  }
  .sx-md\:w-11 {
    width: 91.6667% !important;
  }
  .sx-md\:w-12 {
    width: 100% !important;
  }
  .sx-md\:w-min {
    width: -webkit-min-content !important;
    width: min-content !important;
  }
  .sx-md\:w-max {
    width: -webkit-max-content !important;
    width: max-content !important;
  }
  .sx-md\:w-fit {
    width: -webkit-fit-content !important;
    width: fit-content !important;
  }
  .sx-md\:w-1rem {
    width: 1rem !important;
  }
  .sx-md\:w-2rem {
    width: 2rem !important;
  }
  .sx-md\:w-3rem {
    width: 3rem !important;
  }
  .sx-md\:w-4rem {
    width: 4rem !important;
  }
  .sx-md\:w-5rem {
    width: 5rem !important;
  }
  .sx-md\:w-6rem {
    width: 6rem !important;
  }
  .sx-md\:w-7rem {
    width: 7rem !important;
  }
  .sx-md\:w-8rem {
    width: 8rem !important;
  }
  .sx-md\:w-9rem {
    width: 9rem !important;
  }
  .sx-md\:w-10rem {
    width: 10rem !important;
  }
  .sx-md\:w-11rem {
    width: 11rem !important;
  }
  .sx-md\:w-12rem {
    width: 12rem !important;
  }
  .sx-md\:w-13rem {
    width: 13rem !important;
  }
  .sx-md\:w-14rem {
    width: 14rem !important;
  }
  .sx-md\:w-15rem {
    width: 15rem !important;
  }
  .sx-md\:w-16rem {
    width: 16rem !important;
  }
  .sx-md\:w-17rem {
    width: 17rem !important;
  }
  .sx-md\:w-18rem {
    width: 18rem !important;
  }
  .sx-md\:w-19rem {
    width: 19rem !important;
  }
  .sx-md\:w-20rem {
    width: 20rem !important;
  }
  .sx-md\:w-21rem {
    width: 21rem !important;
  }
  .sx-md\:w-22rem {
    width: 22rem !important;
  }
  .sx-md\:w-23rem {
    width: 23rem !important;
  }
  .sx-md\:w-24rem {
    width: 24rem !important;
  }
  .sx-md\:w-25rem {
    width: 25rem !important;
  }
  .sx-md\:w-26rem {
    width: 26rem !important;
  }
  .sx-md\:w-27rem {
    width: 27rem !important;
  }
  .sx-md\:w-28rem {
    width: 28rem !important;
  }
  .sx-md\:w-29rem {
    width: 29rem !important;
  }
  .sx-md\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:w-full {
    width: 100% !important;
  }
  .sx-lg\:w-screen {
    width: 100vw !important;
  }
  .sx-lg\:w-auto {
    width: auto !important;
  }
  .sx-lg\:w-1 {
    width: 8.3333% !important;
  }
  .sx-lg\:w-2 {
    width: 16.6667% !important;
  }
  .sx-lg\:w-3 {
    width: 25% !important;
  }
  .sx-lg\:w-4 {
    width: 33.3333% !important;
  }
  .sx-lg\:w-5 {
    width: 41.6667% !important;
  }
  .sx-lg\:w-6 {
    width: 50% !important;
  }
  .sx-lg\:w-7 {
    width: 58.3333% !important;
  }
  .sx-lg\:w-8 {
    width: 66.6667% !important;
  }
  .sx-lg\:w-9 {
    width: 75% !important;
  }
  .sx-lg\:w-10 {
    width: 83.3333% !important;
  }
  .sx-lg\:w-11 {
    width: 91.6667% !important;
  }
  .sx-lg\:w-12 {
    width: 100% !important;
  }
  .sx-lg\:w-min {
    width: -webkit-min-content !important;
    width: min-content !important;
  }
  .sx-lg\:w-max {
    width: -webkit-max-content !important;
    width: max-content !important;
  }
  .sx-lg\:w-fit {
    width: -webkit-fit-content !important;
    width: fit-content !important;
  }
  .sx-lg\:w-1rem {
    width: 1rem !important;
  }
  .sx-lg\:w-2rem {
    width: 2rem !important;
  }
  .sx-lg\:w-3rem {
    width: 3rem !important;
  }
  .sx-lg\:w-4rem {
    width: 4rem !important;
  }
  .sx-lg\:w-5rem {
    width: 5rem !important;
  }
  .sx-lg\:w-6rem {
    width: 6rem !important;
  }
  .sx-lg\:w-7rem {
    width: 7rem !important;
  }
  .sx-lg\:w-8rem {
    width: 8rem !important;
  }
  .sx-lg\:w-9rem {
    width: 9rem !important;
  }
  .sx-lg\:w-10rem {
    width: 10rem !important;
  }
  .sx-lg\:w-11rem {
    width: 11rem !important;
  }
  .sx-lg\:w-12rem {
    width: 12rem !important;
  }
  .sx-lg\:w-13rem {
    width: 13rem !important;
  }
  .sx-lg\:w-14rem {
    width: 14rem !important;
  }
  .sx-lg\:w-15rem {
    width: 15rem !important;
  }
  .sx-lg\:w-16rem {
    width: 16rem !important;
  }
  .sx-lg\:w-17rem {
    width: 17rem !important;
  }
  .sx-lg\:w-18rem {
    width: 18rem !important;
  }
  .sx-lg\:w-19rem {
    width: 19rem !important;
  }
  .sx-lg\:w-20rem {
    width: 20rem !important;
  }
  .sx-lg\:w-21rem {
    width: 21rem !important;
  }
  .sx-lg\:w-22rem {
    width: 22rem !important;
  }
  .sx-lg\:w-23rem {
    width: 23rem !important;
  }
  .sx-lg\:w-24rem {
    width: 24rem !important;
  }
  .sx-lg\:w-25rem {
    width: 25rem !important;
  }
  .sx-lg\:w-26rem {
    width: 26rem !important;
  }
  .sx-lg\:w-27rem {
    width: 27rem !important;
  }
  .sx-lg\:w-28rem {
    width: 28rem !important;
  }
  .sx-lg\:w-29rem {
    width: 29rem !important;
  }
  .sx-lg\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:w-full {
    width: 100% !important;
  }
  .sx-xl\:w-screen {
    width: 100vw !important;
  }
  .sx-xl\:w-auto {
    width: auto !important;
  }
  .sx-xl\:w-1 {
    width: 8.3333% !important;
  }
  .sx-xl\:w-2 {
    width: 16.6667% !important;
  }
  .sx-xl\:w-3 {
    width: 25% !important;
  }
  .sx-xl\:w-4 {
    width: 33.3333% !important;
  }
  .sx-xl\:w-5 {
    width: 41.6667% !important;
  }
  .sx-xl\:w-6 {
    width: 50% !important;
  }
  .sx-xl\:w-7 {
    width: 58.3333% !important;
  }
  .sx-xl\:w-8 {
    width: 66.6667% !important;
  }
  .sx-xl\:w-9 {
    width: 75% !important;
  }
  .sx-xl\:w-10 {
    width: 83.3333% !important;
  }
  .sx-xl\:w-11 {
    width: 91.6667% !important;
  }
  .sx-xl\:w-12 {
    width: 100% !important;
  }
  .sx-xl\:w-min {
    width: -webkit-min-content !important;
    width: min-content !important;
  }
  .sx-xl\:w-max {
    width: -webkit-max-content !important;
    width: max-content !important;
  }
  .sx-xl\:w-fit {
    width: -webkit-fit-content !important;
    width: fit-content !important;
  }
  .sx-xl\:w-1rem {
    width: 1rem !important;
  }
  .sx-xl\:w-2rem {
    width: 2rem !important;
  }
  .sx-xl\:w-3rem {
    width: 3rem !important;
  }
  .sx-xl\:w-4rem {
    width: 4rem !important;
  }
  .sx-xl\:w-5rem {
    width: 5rem !important;
  }
  .sx-xl\:w-6rem {
    width: 6rem !important;
  }
  .sx-xl\:w-7rem {
    width: 7rem !important;
  }
  .sx-xl\:w-8rem {
    width: 8rem !important;
  }
  .sx-xl\:w-9rem {
    width: 9rem !important;
  }
  .sx-xl\:w-10rem {
    width: 10rem !important;
  }
  .sx-xl\:w-11rem {
    width: 11rem !important;
  }
  .sx-xl\:w-12rem {
    width: 12rem !important;
  }
  .sx-xl\:w-13rem {
    width: 13rem !important;
  }
  .sx-xl\:w-14rem {
    width: 14rem !important;
  }
  .sx-xl\:w-15rem {
    width: 15rem !important;
  }
  .sx-xl\:w-16rem {
    width: 16rem !important;
  }
  .sx-xl\:w-17rem {
    width: 17rem !important;
  }
  .sx-xl\:w-18rem {
    width: 18rem !important;
  }
  .sx-xl\:w-19rem {
    width: 19rem !important;
  }
  .sx-xl\:w-20rem {
    width: 20rem !important;
  }
  .sx-xl\:w-21rem {
    width: 21rem !important;
  }
  .sx-xl\:w-22rem {
    width: 22rem !important;
  }
  .sx-xl\:w-23rem {
    width: 23rem !important;
  }
  .sx-xl\:w-24rem {
    width: 24rem !important;
  }
  .sx-xl\:w-25rem {
    width: 25rem !important;
  }
  .sx-xl\:w-26rem {
    width: 26rem !important;
  }
  .sx-xl\:w-27rem {
    width: 27rem !important;
  }
  .sx-xl\:w-28rem {
    width: 28rem !important;
  }
  .sx-xl\:w-29rem {
    width: 29rem !important;
  }
  .sx-xl\:w-30rem {
    width: 30rem !important;
  }
}
.sx-h-full {
  height: 100% !important;
}

.sx-h-screen {
  height: 100vh !important;
}

.sx-h-auto {
  height: auto !important;
}

.sx-h-min {
  height: -webkit-min-content !important;
  height: min-content !important;
}

.sx-h-max {
  height: -webkit-max-content !important;
  height: max-content !important;
}

.sx-h-fit {
  height: -webkit-fit-content !important;
  height: fit-content !important;
}

.sx-h-1rem {
  height: 1rem !important;
}

.sx-h-2rem {
  height: 2rem !important;
}

.sx-h-3rem {
  height: 3rem !important;
}

.sx-h-4rem {
  height: 4rem !important;
}

.sx-h-5rem {
  height: 5rem !important;
}

.sx-h-6rem {
  height: 6rem !important;
}

.sx-h-7rem {
  height: 7rem !important;
}

.sx-h-8rem {
  height: 8rem !important;
}

.sx-h-9rem {
  height: 9rem !important;
}

.sx-h-10rem {
  height: 10rem !important;
}

.sx-h-11rem {
  height: 11rem !important;
}

.sx-h-12rem {
  height: 12rem !important;
}

.sx-h-13rem {
  height: 13rem !important;
}

.sx-h-14rem {
  height: 14rem !important;
}

.sx-h-15rem {
  height: 15rem !important;
}

.sx-h-16rem {
  height: 16rem !important;
}

.sx-h-17rem {
  height: 17rem !important;
}

.sx-h-18rem {
  height: 18rem !important;
}

.sx-h-19rem {
  height: 19rem !important;
}

.sx-h-20rem {
  height: 20rem !important;
}

.sx-h-21rem {
  height: 21rem !important;
}

.sx-h-22rem {
  height: 22rem !important;
}

.sx-h-23rem {
  height: 23rem !important;
}

.sx-h-24rem {
  height: 24rem !important;
}

.sx-h-25rem {
  height: 25rem !important;
}

.sx-h-26rem {
  height: 26rem !important;
}

.sx-h-27rem {
  height: 27rem !important;
}

.sx-h-28rem {
  height: 28rem !important;
}

.sx-h-29rem {
  height: 29rem !important;
}

.sx-h-30rem {
  height: 30rem !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:h-full {
    height: 100% !important;
  }
  .sx-sm\:h-screen {
    height: 100vh !important;
  }
  .sx-sm\:h-auto {
    height: auto !important;
  }
  .sx-sm\:h-min {
    height: -webkit-min-content !important;
    height: min-content !important;
  }
  .sx-sm\:h-max {
    height: -webkit-max-content !important;
    height: max-content !important;
  }
  .sx-sm\:h-fit {
    height: -webkit-fit-content !important;
    height: fit-content !important;
  }
  .sx-sm\:h-1rem {
    height: 1rem !important;
  }
  .sx-sm\:h-2rem {
    height: 2rem !important;
  }
  .sx-sm\:h-3rem {
    height: 3rem !important;
  }
  .sx-sm\:h-4rem {
    height: 4rem !important;
  }
  .sx-sm\:h-5rem {
    height: 5rem !important;
  }
  .sx-sm\:h-6rem {
    height: 6rem !important;
  }
  .sx-sm\:h-7rem {
    height: 7rem !important;
  }
  .sx-sm\:h-8rem {
    height: 8rem !important;
  }
  .sx-sm\:h-9rem {
    height: 9rem !important;
  }
  .sx-sm\:h-10rem {
    height: 10rem !important;
  }
  .sx-sm\:h-11rem {
    height: 11rem !important;
  }
  .sx-sm\:h-12rem {
    height: 12rem !important;
  }
  .sx-sm\:h-13rem {
    height: 13rem !important;
  }
  .sx-sm\:h-14rem {
    height: 14rem !important;
  }
  .sx-sm\:h-15rem {
    height: 15rem !important;
  }
  .sx-sm\:h-16rem {
    height: 16rem !important;
  }
  .sx-sm\:h-17rem {
    height: 17rem !important;
  }
  .sx-sm\:h-18rem {
    height: 18rem !important;
  }
  .sx-sm\:h-19rem {
    height: 19rem !important;
  }
  .sx-sm\:h-20rem {
    height: 20rem !important;
  }
  .sx-sm\:h-21rem {
    height: 21rem !important;
  }
  .sx-sm\:h-22rem {
    height: 22rem !important;
  }
  .sx-sm\:h-23rem {
    height: 23rem !important;
  }
  .sx-sm\:h-24rem {
    height: 24rem !important;
  }
  .sx-sm\:h-25rem {
    height: 25rem !important;
  }
  .sx-sm\:h-26rem {
    height: 26rem !important;
  }
  .sx-sm\:h-27rem {
    height: 27rem !important;
  }
  .sx-sm\:h-28rem {
    height: 28rem !important;
  }
  .sx-sm\:h-29rem {
    height: 29rem !important;
  }
  .sx-sm\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:h-full {
    height: 100% !important;
  }
  .sx-md\:h-screen {
    height: 100vh !important;
  }
  .sx-md\:h-auto {
    height: auto !important;
  }
  .sx-md\:h-min {
    height: -webkit-min-content !important;
    height: min-content !important;
  }
  .sx-md\:h-max {
    height: -webkit-max-content !important;
    height: max-content !important;
  }
  .sx-md\:h-fit {
    height: -webkit-fit-content !important;
    height: fit-content !important;
  }
  .sx-md\:h-1rem {
    height: 1rem !important;
  }
  .sx-md\:h-2rem {
    height: 2rem !important;
  }
  .sx-md\:h-3rem {
    height: 3rem !important;
  }
  .sx-md\:h-4rem {
    height: 4rem !important;
  }
  .sx-md\:h-5rem {
    height: 5rem !important;
  }
  .sx-md\:h-6rem {
    height: 6rem !important;
  }
  .sx-md\:h-7rem {
    height: 7rem !important;
  }
  .sx-md\:h-8rem {
    height: 8rem !important;
  }
  .sx-md\:h-9rem {
    height: 9rem !important;
  }
  .sx-md\:h-10rem {
    height: 10rem !important;
  }
  .sx-md\:h-11rem {
    height: 11rem !important;
  }
  .sx-md\:h-12rem {
    height: 12rem !important;
  }
  .sx-md\:h-13rem {
    height: 13rem !important;
  }
  .sx-md\:h-14rem {
    height: 14rem !important;
  }
  .sx-md\:h-15rem {
    height: 15rem !important;
  }
  .sx-md\:h-16rem {
    height: 16rem !important;
  }
  .sx-md\:h-17rem {
    height: 17rem !important;
  }
  .sx-md\:h-18rem {
    height: 18rem !important;
  }
  .sx-md\:h-19rem {
    height: 19rem !important;
  }
  .sx-md\:h-20rem {
    height: 20rem !important;
  }
  .sx-md\:h-21rem {
    height: 21rem !important;
  }
  .sx-md\:h-22rem {
    height: 22rem !important;
  }
  .sx-md\:h-23rem {
    height: 23rem !important;
  }
  .sx-md\:h-24rem {
    height: 24rem !important;
  }
  .sx-md\:h-25rem {
    height: 25rem !important;
  }
  .sx-md\:h-26rem {
    height: 26rem !important;
  }
  .sx-md\:h-27rem {
    height: 27rem !important;
  }
  .sx-md\:h-28rem {
    height: 28rem !important;
  }
  .sx-md\:h-29rem {
    height: 29rem !important;
  }
  .sx-md\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:h-full {
    height: 100% !important;
  }
  .sx-lg\:h-screen {
    height: 100vh !important;
  }
  .sx-lg\:h-auto {
    height: auto !important;
  }
  .sx-lg\:h-min {
    height: -webkit-min-content !important;
    height: min-content !important;
  }
  .sx-lg\:h-max {
    height: -webkit-max-content !important;
    height: max-content !important;
  }
  .sx-lg\:h-fit {
    height: -webkit-fit-content !important;
    height: fit-content !important;
  }
  .sx-lg\:h-1rem {
    height: 1rem !important;
  }
  .sx-lg\:h-2rem {
    height: 2rem !important;
  }
  .sx-lg\:h-3rem {
    height: 3rem !important;
  }
  .sx-lg\:h-4rem {
    height: 4rem !important;
  }
  .sx-lg\:h-5rem {
    height: 5rem !important;
  }
  .sx-lg\:h-6rem {
    height: 6rem !important;
  }
  .sx-lg\:h-7rem {
    height: 7rem !important;
  }
  .sx-lg\:h-8rem {
    height: 8rem !important;
  }
  .sx-lg\:h-9rem {
    height: 9rem !important;
  }
  .sx-lg\:h-10rem {
    height: 10rem !important;
  }
  .sx-lg\:h-11rem {
    height: 11rem !important;
  }
  .sx-lg\:h-12rem {
    height: 12rem !important;
  }
  .sx-lg\:h-13rem {
    height: 13rem !important;
  }
  .sx-lg\:h-14rem {
    height: 14rem !important;
  }
  .sx-lg\:h-15rem {
    height: 15rem !important;
  }
  .sx-lg\:h-16rem {
    height: 16rem !important;
  }
  .sx-lg\:h-17rem {
    height: 17rem !important;
  }
  .sx-lg\:h-18rem {
    height: 18rem !important;
  }
  .sx-lg\:h-19rem {
    height: 19rem !important;
  }
  .sx-lg\:h-20rem {
    height: 20rem !important;
  }
  .sx-lg\:h-21rem {
    height: 21rem !important;
  }
  .sx-lg\:h-22rem {
    height: 22rem !important;
  }
  .sx-lg\:h-23rem {
    height: 23rem !important;
  }
  .sx-lg\:h-24rem {
    height: 24rem !important;
  }
  .sx-lg\:h-25rem {
    height: 25rem !important;
  }
  .sx-lg\:h-26rem {
    height: 26rem !important;
  }
  .sx-lg\:h-27rem {
    height: 27rem !important;
  }
  .sx-lg\:h-28rem {
    height: 28rem !important;
  }
  .sx-lg\:h-29rem {
    height: 29rem !important;
  }
  .sx-lg\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:h-full {
    height: 100% !important;
  }
  .sx-xl\:h-screen {
    height: 100vh !important;
  }
  .sx-xl\:h-auto {
    height: auto !important;
  }
  .sx-xl\:h-min {
    height: -webkit-min-content !important;
    height: min-content !important;
  }
  .sx-xl\:h-max {
    height: -webkit-max-content !important;
    height: max-content !important;
  }
  .sx-xl\:h-fit {
    height: -webkit-fit-content !important;
    height: fit-content !important;
  }
  .sx-xl\:h-1rem {
    height: 1rem !important;
  }
  .sx-xl\:h-2rem {
    height: 2rem !important;
  }
  .sx-xl\:h-3rem {
    height: 3rem !important;
  }
  .sx-xl\:h-4rem {
    height: 4rem !important;
  }
  .sx-xl\:h-5rem {
    height: 5rem !important;
  }
  .sx-xl\:h-6rem {
    height: 6rem !important;
  }
  .sx-xl\:h-7rem {
    height: 7rem !important;
  }
  .sx-xl\:h-8rem {
    height: 8rem !important;
  }
  .sx-xl\:h-9rem {
    height: 9rem !important;
  }
  .sx-xl\:h-10rem {
    height: 10rem !important;
  }
  .sx-xl\:h-11rem {
    height: 11rem !important;
  }
  .sx-xl\:h-12rem {
    height: 12rem !important;
  }
  .sx-xl\:h-13rem {
    height: 13rem !important;
  }
  .sx-xl\:h-14rem {
    height: 14rem !important;
  }
  .sx-xl\:h-15rem {
    height: 15rem !important;
  }
  .sx-xl\:h-16rem {
    height: 16rem !important;
  }
  .sx-xl\:h-17rem {
    height: 17rem !important;
  }
  .sx-xl\:h-18rem {
    height: 18rem !important;
  }
  .sx-xl\:h-19rem {
    height: 19rem !important;
  }
  .sx-xl\:h-20rem {
    height: 20rem !important;
  }
  .sx-xl\:h-21rem {
    height: 21rem !important;
  }
  .sx-xl\:h-22rem {
    height: 22rem !important;
  }
  .sx-xl\:h-23rem {
    height: 23rem !important;
  }
  .sx-xl\:h-24rem {
    height: 24rem !important;
  }
  .sx-xl\:h-25rem {
    height: 25rem !important;
  }
  .sx-xl\:h-26rem {
    height: 26rem !important;
  }
  .sx-xl\:h-27rem {
    height: 27rem !important;
  }
  .sx-xl\:h-28rem {
    height: 28rem !important;
  }
  .sx-xl\:h-29rem {
    height: 29rem !important;
  }
  .sx-xl\:h-30rem {
    height: 30rem !important;
  }
}
.sx-min-w-0 {
  min-width: 0rem !important;
}

.sx-min-w-full {
  min-width: 100% !important;
}

.sx-min-w-screen {
  min-width: 100vw !important;
}

.sx-min-w-min {
  min-width: -webkit-min-content !important;
  min-width: min-content !important;
}

.sx-min-w-max {
  min-width: -webkit-max-content !important;
  min-width: max-content !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:min-w-0 {
    min-width: 0rem !important;
  }
  .sx-sm\:min-w-full {
    min-width: 100% !important;
  }
  .sx-sm\:min-w-screen {
    min-width: 100vw !important;
  }
  .sx-sm\:min-w-min {
    min-width: -webkit-min-content !important;
    min-width: min-content !important;
  }
  .sx-sm\:min-w-max {
    min-width: -webkit-max-content !important;
    min-width: max-content !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:min-w-0 {
    min-width: 0rem !important;
  }
  .sx-md\:min-w-full {
    min-width: 100% !important;
  }
  .sx-md\:min-w-screen {
    min-width: 100vw !important;
  }
  .sx-md\:min-w-min {
    min-width: -webkit-min-content !important;
    min-width: min-content !important;
  }
  .sx-md\:min-w-max {
    min-width: -webkit-max-content !important;
    min-width: max-content !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:min-w-0 {
    min-width: 0rem !important;
  }
  .sx-lg\:min-w-full {
    min-width: 100% !important;
  }
  .sx-lg\:min-w-screen {
    min-width: 100vw !important;
  }
  .sx-lg\:min-w-min {
    min-width: -webkit-min-content !important;
    min-width: min-content !important;
  }
  .sx-lg\:min-w-max {
    min-width: -webkit-max-content !important;
    min-width: max-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:min-w-0 {
    min-width: 0rem !important;
  }
  .sx-xl\:min-w-full {
    min-width: 100% !important;
  }
  .sx-xl\:min-w-screen {
    min-width: 100vw !important;
  }
  .sx-xl\:min-w-min {
    min-width: -webkit-min-content !important;
    min-width: min-content !important;
  }
  .sx-xl\:min-w-max {
    min-width: -webkit-max-content !important;
    min-width: max-content !important;
  }
}
.sx-max-w-0 {
  max-width: 0rem !important;
}

.sx-max-w-full {
  max-width: 100% !important;
}

.sx-max-w-screen {
  max-width: 100vw !important;
}

.sx-max-w-min {
  max-width: -webkit-min-content !important;
  max-width: min-content !important;
}

.sx-max-w-max {
  max-width: -webkit-max-content !important;
  max-width: max-content !important;
}

.sx-max-w-fit {
  max-width: -webkit-fit-content !important;
  max-width: fit-content !important;
}

.sx-max-w-1rem {
  max-width: 1rem !important;
}

.sx-max-w-2rem {
  max-width: 2rem !important;
}

.sx-max-w-3rem {
  max-width: 3rem !important;
}

.sx-max-w-4rem {
  max-width: 4rem !important;
}

.sx-max-w-5rem {
  max-width: 5rem !important;
}

.sx-max-w-6rem {
  max-width: 6rem !important;
}

.sx-max-w-7rem {
  max-width: 7rem !important;
}

.sx-max-w-8rem {
  max-width: 8rem !important;
}

.sx-max-w-9rem {
  max-width: 9rem !important;
}

.sx-max-w-10rem {
  max-width: 10rem !important;
}

.sx-max-w-11rem {
  max-width: 11rem !important;
}

.sx-max-w-12rem {
  max-width: 12rem !important;
}

.sx-max-w-13rem {
  max-width: 13rem !important;
}

.sx-max-w-14rem {
  max-width: 14rem !important;
}

.sx-max-w-15rem {
  max-width: 15rem !important;
}

.sx-max-w-16rem {
  max-width: 16rem !important;
}

.sx-max-w-17rem {
  max-width: 17rem !important;
}

.sx-max-w-18rem {
  max-width: 18rem !important;
}

.sx-max-w-19rem {
  max-width: 19rem !important;
}

.sx-max-w-20rem {
  max-width: 20rem !important;
}

.sx-max-w-21rem {
  max-width: 21rem !important;
}

.sx-max-w-22rem {
  max-width: 22rem !important;
}

.sx-max-w-23rem {
  max-width: 23rem !important;
}

.sx-max-w-24rem {
  max-width: 24rem !important;
}

.sx-max-w-25rem {
  max-width: 25rem !important;
}

.sx-max-w-26rem {
  max-width: 26rem !important;
}

.sx-max-w-27rem {
  max-width: 27rem !important;
}

.sx-max-w-28rem {
  max-width: 28rem !important;
}

.sx-max-w-29rem {
  max-width: 29rem !important;
}

.sx-max-w-30rem {
  max-width: 30rem !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:max-w-0 {
    max-width: 0rem !important;
  }
  .sx-sm\:max-w-full {
    max-width: 100% !important;
  }
  .sx-sm\:max-w-screen {
    max-width: 100vw !important;
  }
  .sx-sm\:max-w-min {
    max-width: -webkit-min-content !important;
    max-width: min-content !important;
  }
  .sx-sm\:max-w-max {
    max-width: -webkit-max-content !important;
    max-width: max-content !important;
  }
  .sx-sm\:max-w-fit {
    max-width: -webkit-fit-content !important;
    max-width: fit-content !important;
  }
  .sx-sm\:max-w-1rem {
    max-width: 1rem !important;
  }
  .sx-sm\:max-w-2rem {
    max-width: 2rem !important;
  }
  .sx-sm\:max-w-3rem {
    max-width: 3rem !important;
  }
  .sx-sm\:max-w-4rem {
    max-width: 4rem !important;
  }
  .sx-sm\:max-w-5rem {
    max-width: 5rem !important;
  }
  .sx-sm\:max-w-6rem {
    max-width: 6rem !important;
  }
  .sx-sm\:max-w-7rem {
    max-width: 7rem !important;
  }
  .sx-sm\:max-w-8rem {
    max-width: 8rem !important;
  }
  .sx-sm\:max-w-9rem {
    max-width: 9rem !important;
  }
  .sx-sm\:max-w-10rem {
    max-width: 10rem !important;
  }
  .sx-sm\:max-w-11rem {
    max-width: 11rem !important;
  }
  .sx-sm\:max-w-12rem {
    max-width: 12rem !important;
  }
  .sx-sm\:max-w-13rem {
    max-width: 13rem !important;
  }
  .sx-sm\:max-w-14rem {
    max-width: 14rem !important;
  }
  .sx-sm\:max-w-15rem {
    max-width: 15rem !important;
  }
  .sx-sm\:max-w-16rem {
    max-width: 16rem !important;
  }
  .sx-sm\:max-w-17rem {
    max-width: 17rem !important;
  }
  .sx-sm\:max-w-18rem {
    max-width: 18rem !important;
  }
  .sx-sm\:max-w-19rem {
    max-width: 19rem !important;
  }
  .sx-sm\:max-w-20rem {
    max-width: 20rem !important;
  }
  .sx-sm\:max-w-21rem {
    max-width: 21rem !important;
  }
  .sx-sm\:max-w-22rem {
    max-width: 22rem !important;
  }
  .sx-sm\:max-w-23rem {
    max-width: 23rem !important;
  }
  .sx-sm\:max-w-24rem {
    max-width: 24rem !important;
  }
  .sx-sm\:max-w-25rem {
    max-width: 25rem !important;
  }
  .sx-sm\:max-w-26rem {
    max-width: 26rem !important;
  }
  .sx-sm\:max-w-27rem {
    max-width: 27rem !important;
  }
  .sx-sm\:max-w-28rem {
    max-width: 28rem !important;
  }
  .sx-sm\:max-w-29rem {
    max-width: 29rem !important;
  }
  .sx-sm\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:max-w-0 {
    max-width: 0rem !important;
  }
  .sx-md\:max-w-full {
    max-width: 100% !important;
  }
  .sx-md\:max-w-screen {
    max-width: 100vw !important;
  }
  .sx-md\:max-w-min {
    max-width: -webkit-min-content !important;
    max-width: min-content !important;
  }
  .sx-md\:max-w-max {
    max-width: -webkit-max-content !important;
    max-width: max-content !important;
  }
  .sx-md\:max-w-fit {
    max-width: -webkit-fit-content !important;
    max-width: fit-content !important;
  }
  .sx-md\:max-w-1rem {
    max-width: 1rem !important;
  }
  .sx-md\:max-w-2rem {
    max-width: 2rem !important;
  }
  .sx-md\:max-w-3rem {
    max-width: 3rem !important;
  }
  .sx-md\:max-w-4rem {
    max-width: 4rem !important;
  }
  .sx-md\:max-w-5rem {
    max-width: 5rem !important;
  }
  .sx-md\:max-w-6rem {
    max-width: 6rem !important;
  }
  .sx-md\:max-w-7rem {
    max-width: 7rem !important;
  }
  .sx-md\:max-w-8rem {
    max-width: 8rem !important;
  }
  .sx-md\:max-w-9rem {
    max-width: 9rem !important;
  }
  .sx-md\:max-w-10rem {
    max-width: 10rem !important;
  }
  .sx-md\:max-w-11rem {
    max-width: 11rem !important;
  }
  .sx-md\:max-w-12rem {
    max-width: 12rem !important;
  }
  .sx-md\:max-w-13rem {
    max-width: 13rem !important;
  }
  .sx-md\:max-w-14rem {
    max-width: 14rem !important;
  }
  .sx-md\:max-w-15rem {
    max-width: 15rem !important;
  }
  .sx-md\:max-w-16rem {
    max-width: 16rem !important;
  }
  .sx-md\:max-w-17rem {
    max-width: 17rem !important;
  }
  .sx-md\:max-w-18rem {
    max-width: 18rem !important;
  }
  .sx-md\:max-w-19rem {
    max-width: 19rem !important;
  }
  .sx-md\:max-w-20rem {
    max-width: 20rem !important;
  }
  .sx-md\:max-w-21rem {
    max-width: 21rem !important;
  }
  .sx-md\:max-w-22rem {
    max-width: 22rem !important;
  }
  .sx-md\:max-w-23rem {
    max-width: 23rem !important;
  }
  .sx-md\:max-w-24rem {
    max-width: 24rem !important;
  }
  .sx-md\:max-w-25rem {
    max-width: 25rem !important;
  }
  .sx-md\:max-w-26rem {
    max-width: 26rem !important;
  }
  .sx-md\:max-w-27rem {
    max-width: 27rem !important;
  }
  .sx-md\:max-w-28rem {
    max-width: 28rem !important;
  }
  .sx-md\:max-w-29rem {
    max-width: 29rem !important;
  }
  .sx-md\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:max-w-0 {
    max-width: 0rem !important;
  }
  .sx-lg\:max-w-full {
    max-width: 100% !important;
  }
  .sx-lg\:max-w-screen {
    max-width: 100vw !important;
  }
  .sx-lg\:max-w-min {
    max-width: -webkit-min-content !important;
    max-width: min-content !important;
  }
  .sx-lg\:max-w-max {
    max-width: -webkit-max-content !important;
    max-width: max-content !important;
  }
  .sx-lg\:max-w-fit {
    max-width: -webkit-fit-content !important;
    max-width: fit-content !important;
  }
  .sx-lg\:max-w-1rem {
    max-width: 1rem !important;
  }
  .sx-lg\:max-w-2rem {
    max-width: 2rem !important;
  }
  .sx-lg\:max-w-3rem {
    max-width: 3rem !important;
  }
  .sx-lg\:max-w-4rem {
    max-width: 4rem !important;
  }
  .sx-lg\:max-w-5rem {
    max-width: 5rem !important;
  }
  .sx-lg\:max-w-6rem {
    max-width: 6rem !important;
  }
  .sx-lg\:max-w-7rem {
    max-width: 7rem !important;
  }
  .sx-lg\:max-w-8rem {
    max-width: 8rem !important;
  }
  .sx-lg\:max-w-9rem {
    max-width: 9rem !important;
  }
  .sx-lg\:max-w-10rem {
    max-width: 10rem !important;
  }
  .sx-lg\:max-w-11rem {
    max-width: 11rem !important;
  }
  .sx-lg\:max-w-12rem {
    max-width: 12rem !important;
  }
  .sx-lg\:max-w-13rem {
    max-width: 13rem !important;
  }
  .sx-lg\:max-w-14rem {
    max-width: 14rem !important;
  }
  .sx-lg\:max-w-15rem {
    max-width: 15rem !important;
  }
  .sx-lg\:max-w-16rem {
    max-width: 16rem !important;
  }
  .sx-lg\:max-w-17rem {
    max-width: 17rem !important;
  }
  .sx-lg\:max-w-18rem {
    max-width: 18rem !important;
  }
  .sx-lg\:max-w-19rem {
    max-width: 19rem !important;
  }
  .sx-lg\:max-w-20rem {
    max-width: 20rem !important;
  }
  .sx-lg\:max-w-21rem {
    max-width: 21rem !important;
  }
  .sx-lg\:max-w-22rem {
    max-width: 22rem !important;
  }
  .sx-lg\:max-w-23rem {
    max-width: 23rem !important;
  }
  .sx-lg\:max-w-24rem {
    max-width: 24rem !important;
  }
  .sx-lg\:max-w-25rem {
    max-width: 25rem !important;
  }
  .sx-lg\:max-w-26rem {
    max-width: 26rem !important;
  }
  .sx-lg\:max-w-27rem {
    max-width: 27rem !important;
  }
  .sx-lg\:max-w-28rem {
    max-width: 28rem !important;
  }
  .sx-lg\:max-w-29rem {
    max-width: 29rem !important;
  }
  .sx-lg\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:max-w-0 {
    max-width: 0rem !important;
  }
  .sx-xl\:max-w-full {
    max-width: 100% !important;
  }
  .sx-xl\:max-w-screen {
    max-width: 100vw !important;
  }
  .sx-xl\:max-w-min {
    max-width: -webkit-min-content !important;
    max-width: min-content !important;
  }
  .sx-xl\:max-w-max {
    max-width: -webkit-max-content !important;
    max-width: max-content !important;
  }
  .sx-xl\:max-w-fit {
    max-width: -webkit-fit-content !important;
    max-width: fit-content !important;
  }
  .sx-xl\:max-w-1rem {
    max-width: 1rem !important;
  }
  .sx-xl\:max-w-2rem {
    max-width: 2rem !important;
  }
  .sx-xl\:max-w-3rem {
    max-width: 3rem !important;
  }
  .sx-xl\:max-w-4rem {
    max-width: 4rem !important;
  }
  .sx-xl\:max-w-5rem {
    max-width: 5rem !important;
  }
  .sx-xl\:max-w-6rem {
    max-width: 6rem !important;
  }
  .sx-xl\:max-w-7rem {
    max-width: 7rem !important;
  }
  .sx-xl\:max-w-8rem {
    max-width: 8rem !important;
  }
  .sx-xl\:max-w-9rem {
    max-width: 9rem !important;
  }
  .sx-xl\:max-w-10rem {
    max-width: 10rem !important;
  }
  .sx-xl\:max-w-11rem {
    max-width: 11rem !important;
  }
  .sx-xl\:max-w-12rem {
    max-width: 12rem !important;
  }
  .sx-xl\:max-w-13rem {
    max-width: 13rem !important;
  }
  .sx-xl\:max-w-14rem {
    max-width: 14rem !important;
  }
  .sx-xl\:max-w-15rem {
    max-width: 15rem !important;
  }
  .sx-xl\:max-w-16rem {
    max-width: 16rem !important;
  }
  .sx-xl\:max-w-17rem {
    max-width: 17rem !important;
  }
  .sx-xl\:max-w-18rem {
    max-width: 18rem !important;
  }
  .sx-xl\:max-w-19rem {
    max-width: 19rem !important;
  }
  .sx-xl\:max-w-20rem {
    max-width: 20rem !important;
  }
  .sx-xl\:max-w-21rem {
    max-width: 21rem !important;
  }
  .sx-xl\:max-w-22rem {
    max-width: 22rem !important;
  }
  .sx-xl\:max-w-23rem {
    max-width: 23rem !important;
  }
  .sx-xl\:max-w-24rem {
    max-width: 24rem !important;
  }
  .sx-xl\:max-w-25rem {
    max-width: 25rem !important;
  }
  .sx-xl\:max-w-26rem {
    max-width: 26rem !important;
  }
  .sx-xl\:max-w-27rem {
    max-width: 27rem !important;
  }
  .sx-xl\:max-w-28rem {
    max-width: 28rem !important;
  }
  .sx-xl\:max-w-29rem {
    max-width: 29rem !important;
  }
  .sx-xl\:max-w-30rem {
    max-width: 30rem !important;
  }
}
.sx-min-h-0 {
  min-height: 0rem !important;
}

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

.sx-min-h-screen {
  min-height: 100vh !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:min-h-0 {
    min-height: 0rem !important;
  }
  .sx-sm\:min-h-full {
    min-height: 100% !important;
  }
  .sx-sm\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:min-h-0 {
    min-height: 0rem !important;
  }
  .sx-md\:min-h-full {
    min-height: 100% !important;
  }
  .sx-md\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:min-h-0 {
    min-height: 0rem !important;
  }
  .sx-lg\:min-h-full {
    min-height: 100% !important;
  }
  .sx-lg\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:min-h-0 {
    min-height: 0rem !important;
  }
  .sx-xl\:min-h-full {
    min-height: 100% !important;
  }
  .sx-xl\:min-h-screen {
    min-height: 100vh !important;
  }
}
.sx-max-h-0 {
  max-height: 0rem !important;
}

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

.sx-max-h-screen {
  max-height: 100vh !important;
}

.sx-max-h-min {
  max-height: -webkit-min-content !important;
  max-height: min-content !important;
}

.sx-max-h-max {
  max-height: -webkit-max-content !important;
  max-height: max-content !important;
}

.sx-max-h-fit {
  max-height: -webkit-fit-content !important;
  max-height: fit-content !important;
}

.sx-max-h-1rem {
  max-height: 1rem !important;
}

.sx-max-h-2rem {
  max-height: 2rem !important;
}

.sx-max-h-3rem {
  max-height: 3rem !important;
}

.sx-max-h-4rem {
  max-height: 4rem !important;
}

.sx-max-h-5rem {
  max-height: 5rem !important;
}

.sx-max-h-6rem {
  max-height: 6rem !important;
}

.sx-max-h-7rem {
  max-height: 7rem !important;
}

.sx-max-h-8rem {
  max-height: 8rem !important;
}

.sx-max-h-9rem {
  max-height: 9rem !important;
}

.sx-max-h-10rem {
  max-height: 10rem !important;
}

.sx-max-h-11rem {
  max-height: 11rem !important;
}

.sx-max-h-12rem {
  max-height: 12rem !important;
}

.sx-max-h-13rem {
  max-height: 13rem !important;
}

.sx-max-h-14rem {
  max-height: 14rem !important;
}

.sx-max-h-15rem {
  max-height: 15rem !important;
}

.sx-max-h-16rem {
  max-height: 16rem !important;
}

.sx-max-h-17rem {
  max-height: 17rem !important;
}

.sx-max-h-18rem {
  max-height: 18rem !important;
}

.sx-max-h-19rem {
  max-height: 19rem !important;
}

.sx-max-h-20rem {
  max-height: 20rem !important;
}

.sx-max-h-21rem {
  max-height: 21rem !important;
}

.sx-max-h-22rem {
  max-height: 22rem !important;
}

.sx-max-h-23rem {
  max-height: 23rem !important;
}

.sx-max-h-24rem {
  max-height: 24rem !important;
}

.sx-max-h-25rem {
  max-height: 25rem !important;
}

.sx-max-h-26rem {
  max-height: 26rem !important;
}

.sx-max-h-27rem {
  max-height: 27rem !important;
}

.sx-max-h-28rem {
  max-height: 28rem !important;
}

.sx-max-h-29rem {
  max-height: 29rem !important;
}

.sx-max-h-30rem {
  max-height: 30rem !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:max-h-0 {
    max-height: 0rem !important;
  }
  .sx-sm\:max-h-full {
    max-height: 100% !important;
  }
  .sx-sm\:max-h-screen {
    max-height: 100vh !important;
  }
  .sx-sm\:max-h-min {
    max-height: -webkit-min-content !important;
    max-height: min-content !important;
  }
  .sx-sm\:max-h-max {
    max-height: -webkit-max-content !important;
    max-height: max-content !important;
  }
  .sx-sm\:max-h-fit {
    max-height: -webkit-fit-content !important;
    max-height: fit-content !important;
  }
  .sx-sm\:max-h-1rem {
    max-height: 1rem !important;
  }
  .sx-sm\:max-h-2rem {
    max-height: 2rem !important;
  }
  .sx-sm\:max-h-3rem {
    max-height: 3rem !important;
  }
  .sx-sm\:max-h-4rem {
    max-height: 4rem !important;
  }
  .sx-sm\:max-h-5rem {
    max-height: 5rem !important;
  }
  .sx-sm\:max-h-6rem {
    max-height: 6rem !important;
  }
  .sx-sm\:max-h-7rem {
    max-height: 7rem !important;
  }
  .sx-sm\:max-h-8rem {
    max-height: 8rem !important;
  }
  .sx-sm\:max-h-9rem {
    max-height: 9rem !important;
  }
  .sx-sm\:max-h-10rem {
    max-height: 10rem !important;
  }
  .sx-sm\:max-h-11rem {
    max-height: 11rem !important;
  }
  .sx-sm\:max-h-12rem {
    max-height: 12rem !important;
  }
  .sx-sm\:max-h-13rem {
    max-height: 13rem !important;
  }
  .sx-sm\:max-h-14rem {
    max-height: 14rem !important;
  }
  .sx-sm\:max-h-15rem {
    max-height: 15rem !important;
  }
  .sx-sm\:max-h-16rem {
    max-height: 16rem !important;
  }
  .sx-sm\:max-h-17rem {
    max-height: 17rem !important;
  }
  .sx-sm\:max-h-18rem {
    max-height: 18rem !important;
  }
  .sx-sm\:max-h-19rem {
    max-height: 19rem !important;
  }
  .sx-sm\:max-h-20rem {
    max-height: 20rem !important;
  }
  .sx-sm\:max-h-21rem {
    max-height: 21rem !important;
  }
  .sx-sm\:max-h-22rem {
    max-height: 22rem !important;
  }
  .sx-sm\:max-h-23rem {
    max-height: 23rem !important;
  }
  .sx-sm\:max-h-24rem {
    max-height: 24rem !important;
  }
  .sx-sm\:max-h-25rem {
    max-height: 25rem !important;
  }
  .sx-sm\:max-h-26rem {
    max-height: 26rem !important;
  }
  .sx-sm\:max-h-27rem {
    max-height: 27rem !important;
  }
  .sx-sm\:max-h-28rem {
    max-height: 28rem !important;
  }
  .sx-sm\:max-h-29rem {
    max-height: 29rem !important;
  }
  .sx-sm\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:max-h-0 {
    max-height: 0rem !important;
  }
  .sx-md\:max-h-full {
    max-height: 100% !important;
  }
  .sx-md\:max-h-screen {
    max-height: 100vh !important;
  }
  .sx-md\:max-h-min {
    max-height: -webkit-min-content !important;
    max-height: min-content !important;
  }
  .sx-md\:max-h-max {
    max-height: -webkit-max-content !important;
    max-height: max-content !important;
  }
  .sx-md\:max-h-fit {
    max-height: -webkit-fit-content !important;
    max-height: fit-content !important;
  }
  .sx-md\:max-h-1rem {
    max-height: 1rem !important;
  }
  .sx-md\:max-h-2rem {
    max-height: 2rem !important;
  }
  .sx-md\:max-h-3rem {
    max-height: 3rem !important;
  }
  .sx-md\:max-h-4rem {
    max-height: 4rem !important;
  }
  .sx-md\:max-h-5rem {
    max-height: 5rem !important;
  }
  .sx-md\:max-h-6rem {
    max-height: 6rem !important;
  }
  .sx-md\:max-h-7rem {
    max-height: 7rem !important;
  }
  .sx-md\:max-h-8rem {
    max-height: 8rem !important;
  }
  .sx-md\:max-h-9rem {
    max-height: 9rem !important;
  }
  .sx-md\:max-h-10rem {
    max-height: 10rem !important;
  }
  .sx-md\:max-h-11rem {
    max-height: 11rem !important;
  }
  .sx-md\:max-h-12rem {
    max-height: 12rem !important;
  }
  .sx-md\:max-h-13rem {
    max-height: 13rem !important;
  }
  .sx-md\:max-h-14rem {
    max-height: 14rem !important;
  }
  .sx-md\:max-h-15rem {
    max-height: 15rem !important;
  }
  .sx-md\:max-h-16rem {
    max-height: 16rem !important;
  }
  .sx-md\:max-h-17rem {
    max-height: 17rem !important;
  }
  .sx-md\:max-h-18rem {
    max-height: 18rem !important;
  }
  .sx-md\:max-h-19rem {
    max-height: 19rem !important;
  }
  .sx-md\:max-h-20rem {
    max-height: 20rem !important;
  }
  .sx-md\:max-h-21rem {
    max-height: 21rem !important;
  }
  .sx-md\:max-h-22rem {
    max-height: 22rem !important;
  }
  .sx-md\:max-h-23rem {
    max-height: 23rem !important;
  }
  .sx-md\:max-h-24rem {
    max-height: 24rem !important;
  }
  .sx-md\:max-h-25rem {
    max-height: 25rem !important;
  }
  .sx-md\:max-h-26rem {
    max-height: 26rem !important;
  }
  .sx-md\:max-h-27rem {
    max-height: 27rem !important;
  }
  .sx-md\:max-h-28rem {
    max-height: 28rem !important;
  }
  .sx-md\:max-h-29rem {
    max-height: 29rem !important;
  }
  .sx-md\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:max-h-0 {
    max-height: 0rem !important;
  }
  .sx-lg\:max-h-full {
    max-height: 100% !important;
  }
  .sx-lg\:max-h-screen {
    max-height: 100vh !important;
  }
  .sx-lg\:max-h-min {
    max-height: -webkit-min-content !important;
    max-height: min-content !important;
  }
  .sx-lg\:max-h-max {
    max-height: -webkit-max-content !important;
    max-height: max-content !important;
  }
  .sx-lg\:max-h-fit {
    max-height: -webkit-fit-content !important;
    max-height: fit-content !important;
  }
  .sx-lg\:max-h-1rem {
    max-height: 1rem !important;
  }
  .sx-lg\:max-h-2rem {
    max-height: 2rem !important;
  }
  .sx-lg\:max-h-3rem {
    max-height: 3rem !important;
  }
  .sx-lg\:max-h-4rem {
    max-height: 4rem !important;
  }
  .sx-lg\:max-h-5rem {
    max-height: 5rem !important;
  }
  .sx-lg\:max-h-6rem {
    max-height: 6rem !important;
  }
  .sx-lg\:max-h-7rem {
    max-height: 7rem !important;
  }
  .sx-lg\:max-h-8rem {
    max-height: 8rem !important;
  }
  .sx-lg\:max-h-9rem {
    max-height: 9rem !important;
  }
  .sx-lg\:max-h-10rem {
    max-height: 10rem !important;
  }
  .sx-lg\:max-h-11rem {
    max-height: 11rem !important;
  }
  .sx-lg\:max-h-12rem {
    max-height: 12rem !important;
  }
  .sx-lg\:max-h-13rem {
    max-height: 13rem !important;
  }
  .sx-lg\:max-h-14rem {
    max-height: 14rem !important;
  }
  .sx-lg\:max-h-15rem {
    max-height: 15rem !important;
  }
  .sx-lg\:max-h-16rem {
    max-height: 16rem !important;
  }
  .sx-lg\:max-h-17rem {
    max-height: 17rem !important;
  }
  .sx-lg\:max-h-18rem {
    max-height: 18rem !important;
  }
  .sx-lg\:max-h-19rem {
    max-height: 19rem !important;
  }
  .sx-lg\:max-h-20rem {
    max-height: 20rem !important;
  }
  .sx-lg\:max-h-21rem {
    max-height: 21rem !important;
  }
  .sx-lg\:max-h-22rem {
    max-height: 22rem !important;
  }
  .sx-lg\:max-h-23rem {
    max-height: 23rem !important;
  }
  .sx-lg\:max-h-24rem {
    max-height: 24rem !important;
  }
  .sx-lg\:max-h-25rem {
    max-height: 25rem !important;
  }
  .sx-lg\:max-h-26rem {
    max-height: 26rem !important;
  }
  .sx-lg\:max-h-27rem {
    max-height: 27rem !important;
  }
  .sx-lg\:max-h-28rem {
    max-height: 28rem !important;
  }
  .sx-lg\:max-h-29rem {
    max-height: 29rem !important;
  }
  .sx-lg\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:max-h-0 {
    max-height: 0rem !important;
  }
  .sx-xl\:max-h-full {
    max-height: 100% !important;
  }
  .sx-xl\:max-h-screen {
    max-height: 100vh !important;
  }
  .sx-xl\:max-h-min {
    max-height: -webkit-min-content !important;
    max-height: min-content !important;
  }
  .sx-xl\:max-h-max {
    max-height: -webkit-max-content !important;
    max-height: max-content !important;
  }
  .sx-xl\:max-h-fit {
    max-height: -webkit-fit-content !important;
    max-height: fit-content !important;
  }
  .sx-xl\:max-h-1rem {
    max-height: 1rem !important;
  }
  .sx-xl\:max-h-2rem {
    max-height: 2rem !important;
  }
  .sx-xl\:max-h-3rem {
    max-height: 3rem !important;
  }
  .sx-xl\:max-h-4rem {
    max-height: 4rem !important;
  }
  .sx-xl\:max-h-5rem {
    max-height: 5rem !important;
  }
  .sx-xl\:max-h-6rem {
    max-height: 6rem !important;
  }
  .sx-xl\:max-h-7rem {
    max-height: 7rem !important;
  }
  .sx-xl\:max-h-8rem {
    max-height: 8rem !important;
  }
  .sx-xl\:max-h-9rem {
    max-height: 9rem !important;
  }
  .sx-xl\:max-h-10rem {
    max-height: 10rem !important;
  }
  .sx-xl\:max-h-11rem {
    max-height: 11rem !important;
  }
  .sx-xl\:max-h-12rem {
    max-height: 12rem !important;
  }
  .sx-xl\:max-h-13rem {
    max-height: 13rem !important;
  }
  .sx-xl\:max-h-14rem {
    max-height: 14rem !important;
  }
  .sx-xl\:max-h-15rem {
    max-height: 15rem !important;
  }
  .sx-xl\:max-h-16rem {
    max-height: 16rem !important;
  }
  .sx-xl\:max-h-17rem {
    max-height: 17rem !important;
  }
  .sx-xl\:max-h-18rem {
    max-height: 18rem !important;
  }
  .sx-xl\:max-h-19rem {
    max-height: 19rem !important;
  }
  .sx-xl\:max-h-20rem {
    max-height: 20rem !important;
  }
  .sx-xl\:max-h-21rem {
    max-height: 21rem !important;
  }
  .sx-xl\:max-h-22rem {
    max-height: 22rem !important;
  }
  .sx-xl\:max-h-23rem {
    max-height: 23rem !important;
  }
  .sx-xl\:max-h-24rem {
    max-height: 24rem !important;
  }
  .sx-xl\:max-h-25rem {
    max-height: 25rem !important;
  }
  .sx-xl\:max-h-26rem {
    max-height: 26rem !important;
  }
  .sx-xl\:max-h-27rem {
    max-height: 27rem !important;
  }
  .sx-xl\:max-h-28rem {
    max-height: 28rem !important;
  }
  .sx-xl\:max-h-29rem {
    max-height: 29rem !important;
  }
  .sx-xl\:max-h-30rem {
    max-height: 30rem !important;
  }
}
.sx-static {
  position: static !important;
}

.sx-fixed {
  position: fixed !important;
}

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

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

.sx-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:static {
    position: static !important;
  }
  .sx-sm\:fixed {
    position: fixed !important;
  }
  .sx-sm\:absolute {
    position: absolute !important;
  }
  .sx-sm\:relative {
    position: relative !important;
  }
  .sx-sm\:sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:static {
    position: static !important;
  }
  .sx-md\:fixed {
    position: fixed !important;
  }
  .sx-md\:absolute {
    position: absolute !important;
  }
  .sx-md\:relative {
    position: relative !important;
  }
  .sx-md\:sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:static {
    position: static !important;
  }
  .sx-lg\:fixed {
    position: fixed !important;
  }
  .sx-lg\:absolute {
    position: absolute !important;
  }
  .sx-lg\:relative {
    position: relative !important;
  }
  .sx-lg\:sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:static {
    position: static !important;
  }
  .sx-xl\:fixed {
    position: fixed !important;
  }
  .sx-xl\:absolute {
    position: absolute !important;
  }
  .sx-xl\:relative {
    position: relative !important;
  }
  .sx-xl\:sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
}
.sx-top-auto {
  top: auto !important;
}

.sx-top-0 {
  top: 0rem !important;
}

.sx-top-50 {
  top: 50% !important;
}

.sx-top-100 {
  top: 100% !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:top-auto {
    top: auto !important;
  }
  .sx-sm\:top-0 {
    top: 0rem !important;
  }
  .sx-sm\:top-50 {
    top: 50% !important;
  }
  .sx-sm\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:top-auto {
    top: auto !important;
  }
  .sx-md\:top-0 {
    top: 0rem !important;
  }
  .sx-md\:top-50 {
    top: 50% !important;
  }
  .sx-md\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:top-auto {
    top: auto !important;
  }
  .sx-lg\:top-0 {
    top: 0rem !important;
  }
  .sx-lg\:top-50 {
    top: 50% !important;
  }
  .sx-lg\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:top-auto {
    top: auto !important;
  }
  .sx-xl\:top-0 {
    top: 0rem !important;
  }
  .sx-xl\:top-50 {
    top: 50% !important;
  }
  .sx-xl\:top-100 {
    top: 100% !important;
  }
}
.sx-left-auto {
  left: auto !important;
}

.sx-left-0 {
  left: 0rem !important;
}

.sx-left-50 {
  left: 50% !important;
}

.sx-left-100 {
  left: 100% !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:left-auto {
    left: auto !important;
  }
  .sx-sm\:left-0 {
    left: 0rem !important;
  }
  .sx-sm\:left-50 {
    left: 50% !important;
  }
  .sx-sm\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:left-auto {
    left: auto !important;
  }
  .sx-md\:left-0 {
    left: 0rem !important;
  }
  .sx-md\:left-50 {
    left: 50% !important;
  }
  .sx-md\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:left-auto {
    left: auto !important;
  }
  .sx-lg\:left-0 {
    left: 0rem !important;
  }
  .sx-lg\:left-50 {
    left: 50% !important;
  }
  .sx-lg\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:left-auto {
    left: auto !important;
  }
  .sx-xl\:left-0 {
    left: 0rem !important;
  }
  .sx-xl\:left-50 {
    left: 50% !important;
  }
  .sx-xl\:left-100 {
    left: 100% !important;
  }
}
.sx-right-auto {
  right: auto !important;
}

.sx-right-0 {
  right: 0rem !important;
}

.sx-right-50 {
  right: 50% !important;
}

.sx-right-100 {
  right: 100% !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:right-auto {
    right: auto !important;
  }
  .sx-sm\:right-0 {
    right: 0rem !important;
  }
  .sx-sm\:right-50 {
    right: 50% !important;
  }
  .sx-sm\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:right-auto {
    right: auto !important;
  }
  .sx-md\:right-0 {
    right: 0rem !important;
  }
  .sx-md\:right-50 {
    right: 50% !important;
  }
  .sx-md\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:right-auto {
    right: auto !important;
  }
  .sx-lg\:right-0 {
    right: 0rem !important;
  }
  .sx-lg\:right-50 {
    right: 50% !important;
  }
  .sx-lg\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:right-auto {
    right: auto !important;
  }
  .sx-xl\:right-0 {
    right: 0rem !important;
  }
  .sx-xl\:right-50 {
    right: 50% !important;
  }
  .sx-xl\:right-100 {
    right: 100% !important;
  }
}
.sx-bottom-auto {
  bottom: auto !important;
}

.sx-bottom-0 {
  bottom: 0rem !important;
}

.sx-bottom-50 {
  bottom: 50% !important;
}

.sx-bottom-100 {
  bottom: 100% !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:bottom-auto {
    bottom: auto !important;
  }
  .sx-sm\:bottom-0 {
    bottom: 0rem !important;
  }
  .sx-sm\:bottom-50 {
    bottom: 50% !important;
  }
  .sx-sm\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:bottom-auto {
    bottom: auto !important;
  }
  .sx-md\:bottom-0 {
    bottom: 0rem !important;
  }
  .sx-md\:bottom-50 {
    bottom: 50% !important;
  }
  .sx-md\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:bottom-auto {
    bottom: auto !important;
  }
  .sx-lg\:bottom-0 {
    bottom: 0rem !important;
  }
  .sx-lg\:bottom-50 {
    bottom: 50% !important;
  }
  .sx-lg\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:bottom-auto {
    bottom: auto !important;
  }
  .sx-xl\:bottom-0 {
    bottom: 0rem !important;
  }
  .sx-xl\:bottom-50 {
    bottom: 50% !important;
  }
  .sx-xl\:bottom-100 {
    bottom: 100% !important;
  }
}
.sx-overflow-auto {
  overflow: auto !important;
}

.sx-overflow-hidden {
  overflow: hidden !important;
}

.sx-overflow-visible {
  overflow: visible !important;
}

.sx-overflow-scroll {
  overflow: scroll !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:overflow-auto {
    overflow: auto !important;
  }
  .sx-sm\:overflow-hidden {
    overflow: hidden !important;
  }
  .sx-sm\:overflow-visible {
    overflow: visible !important;
  }
  .sx-sm\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:overflow-auto {
    overflow: auto !important;
  }
  .sx-md\:overflow-hidden {
    overflow: hidden !important;
  }
  .sx-md\:overflow-visible {
    overflow: visible !important;
  }
  .sx-md\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:overflow-auto {
    overflow: auto !important;
  }
  .sx-lg\:overflow-hidden {
    overflow: hidden !important;
  }
  .sx-lg\:overflow-visible {
    overflow: visible !important;
  }
  .sx-lg\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:overflow-auto {
    overflow: auto !important;
  }
  .sx-xl\:overflow-hidden {
    overflow: hidden !important;
  }
  .sx-xl\:overflow-visible {
    overflow: visible !important;
  }
  .sx-xl\:overflow-scroll {
    overflow: scroll !important;
  }
}
.sx-overflow-x-auto {
  overflow-x: auto !important;
}

.sx-overflow-x-hidden {
  overflow-x: hidden !important;
}

.sx-overflow-x-visible {
  overflow-x: visible !important;
}

.sx-overflow-x-scroll {
  overflow-x: scroll !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .sx-sm\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .sx-sm\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .sx-sm\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .sx-md\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .sx-md\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .sx-md\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .sx-lg\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .sx-lg\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .sx-lg\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .sx-xl\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .sx-xl\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .sx-xl\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
.sx-overflow-y-auto {
  overflow-y: auto !important;
}

.sx-overflow-y-hidden {
  overflow-y: hidden !important;
}

.sx-overflow-y-visible {
  overflow-y: visible !important;
}

.sx-overflow-y-scroll {
  overflow-y: scroll !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .sx-sm\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .sx-sm\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .sx-sm\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .sx-md\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .sx-md\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .sx-md\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .sx-lg\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .sx-lg\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .sx-lg\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .sx-xl\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .sx-xl\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .sx-xl\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
.sx-z-auto {
  z-index: auto !important;
}

.sx-z-0 {
  z-index: 0 !important;
}

.sx-z-1 {
  z-index: 1 !important;
}

.sx-z-2 {
  z-index: 2 !important;
}

.sx-z-3 {
  z-index: 3 !important;
}

.sx-z-4 {
  z-index: 4 !important;
}

.sx-z-5 {
  z-index: 5 !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:z-auto {
    z-index: auto !important;
  }
  .sx-sm\:z-0 {
    z-index: 0 !important;
  }
  .sx-sm\:z-1 {
    z-index: 1 !important;
  }
  .sx-sm\:z-2 {
    z-index: 2 !important;
  }
  .sx-sm\:z-3 {
    z-index: 3 !important;
  }
  .sx-sm\:z-4 {
    z-index: 4 !important;
  }
  .sx-sm\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:z-auto {
    z-index: auto !important;
  }
  .sx-md\:z-0 {
    z-index: 0 !important;
  }
  .sx-md\:z-1 {
    z-index: 1 !important;
  }
  .sx-md\:z-2 {
    z-index: 2 !important;
  }
  .sx-md\:z-3 {
    z-index: 3 !important;
  }
  .sx-md\:z-4 {
    z-index: 4 !important;
  }
  .sx-md\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:z-auto {
    z-index: auto !important;
  }
  .sx-lg\:z-0 {
    z-index: 0 !important;
  }
  .sx-lg\:z-1 {
    z-index: 1 !important;
  }
  .sx-lg\:z-2 {
    z-index: 2 !important;
  }
  .sx-lg\:z-3 {
    z-index: 3 !important;
  }
  .sx-lg\:z-4 {
    z-index: 4 !important;
  }
  .sx-lg\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:z-auto {
    z-index: auto !important;
  }
  .sx-xl\:z-0 {
    z-index: 0 !important;
  }
  .sx-xl\:z-1 {
    z-index: 1 !important;
  }
  .sx-xl\:z-2 {
    z-index: 2 !important;
  }
  .sx-xl\:z-3 {
    z-index: 3 !important;
  }
  .sx-xl\:z-4 {
    z-index: 4 !important;
  }
  .sx-xl\:z-5 {
    z-index: 5 !important;
  }
}
.sx-bg-repeat {
  background-repeat: repeat !important;
}

.sx-bg-no-repeat {
  background-repeat: no-repeat !important;
}

.sx-bg-repeat-x {
  background-repeat: repeat-x !important;
}

.sx-bg-repeat-y {
  background-repeat: repeat-y !important;
}

.sx-bg-repeat-round {
  background-repeat: round !important;
}

.sx-bg-repeat-space {
  background-repeat: space !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:bg-repeat {
    background-repeat: repeat !important;
  }
  .sx-sm\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .sx-sm\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .sx-sm\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .sx-sm\:bg-repeat-round {
    background-repeat: round !important;
  }
  .sx-sm\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:bg-repeat {
    background-repeat: repeat !important;
  }
  .sx-md\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .sx-md\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .sx-md\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .sx-md\:bg-repeat-round {
    background-repeat: round !important;
  }
  .sx-md\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:bg-repeat {
    background-repeat: repeat !important;
  }
  .sx-lg\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .sx-lg\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .sx-lg\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .sx-lg\:bg-repeat-round {
    background-repeat: round !important;
  }
  .sx-lg\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:bg-repeat {
    background-repeat: repeat !important;
  }
  .sx-xl\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .sx-xl\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .sx-xl\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .sx-xl\:bg-repeat-round {
    background-repeat: round !important;
  }
  .sx-xl\:bg-repeat-space {
    background-repeat: space !important;
  }
}
.sx-bg-auto {
  background-size: auto !important;
}

.sx-bg-cover {
  background-size: cover !important;
}

.sx-bg-contain {
  background-size: contain !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:bg-auto {
    background-size: auto !important;
  }
  .sx-sm\:bg-cover {
    background-size: cover !important;
  }
  .sx-sm\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:bg-auto {
    background-size: auto !important;
  }
  .sx-md\:bg-cover {
    background-size: cover !important;
  }
  .sx-md\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:bg-auto {
    background-size: auto !important;
  }
  .sx-lg\:bg-cover {
    background-size: cover !important;
  }
  .sx-lg\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:bg-auto {
    background-size: auto !important;
  }
  .sx-xl\:bg-cover {
    background-size: cover !important;
  }
  .sx-xl\:bg-contain {
    background-size: contain !important;
  }
}
.sx-bg-bottom {
  background-position: bottom !important;
}

.sx-bg-center {
  background-position: center !important;
}

.sx-bg-left {
  background-position: left !important;
}

.sx-bg-left-bottom {
  background-position: left bottom !important;
}

.sx-bg-left-top {
  background-position: left top !important;
}

.sx-bg-right {
  background-position: right !important;
}

.sx-bg-right-bottom {
  background-position: right bottom !important;
}

.sx-bg-right-top {
  background-position: right top !important;
}

.sx-bg-top {
  background-position: top !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:bg-bottom {
    background-position: bottom !important;
  }
  .sx-sm\:bg-center {
    background-position: center !important;
  }
  .sx-sm\:bg-left {
    background-position: left !important;
  }
  .sx-sm\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .sx-sm\:bg-left-top {
    background-position: left top !important;
  }
  .sx-sm\:bg-right {
    background-position: right !important;
  }
  .sx-sm\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .sx-sm\:bg-right-top {
    background-position: right top !important;
  }
  .sx-sm\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:bg-bottom {
    background-position: bottom !important;
  }
  .sx-md\:bg-center {
    background-position: center !important;
  }
  .sx-md\:bg-left {
    background-position: left !important;
  }
  .sx-md\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .sx-md\:bg-left-top {
    background-position: left top !important;
  }
  .sx-md\:bg-right {
    background-position: right !important;
  }
  .sx-md\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .sx-md\:bg-right-top {
    background-position: right top !important;
  }
  .sx-md\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:bg-bottom {
    background-position: bottom !important;
  }
  .sx-lg\:bg-center {
    background-position: center !important;
  }
  .sx-lg\:bg-left {
    background-position: left !important;
  }
  .sx-lg\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .sx-lg\:bg-left-top {
    background-position: left top !important;
  }
  .sx-lg\:bg-right {
    background-position: right !important;
  }
  .sx-lg\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .sx-lg\:bg-right-top {
    background-position: right top !important;
  }
  .sx-lg\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:bg-bottom {
    background-position: bottom !important;
  }
  .sx-xl\:bg-center {
    background-position: center !important;
  }
  .sx-xl\:bg-left {
    background-position: left !important;
  }
  .sx-xl\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .sx-xl\:bg-left-top {
    background-position: left top !important;
  }
  .sx-xl\:bg-right {
    background-position: right !important;
  }
  .sx-xl\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .sx-xl\:bg-right-top {
    background-position: right top !important;
  }
  .sx-xl\:bg-top {
    background-position: top !important;
  }
}
.sx-select-none {
  -webkit-user-select: none !important;
          user-select: none !important;
}

.sx-select-text {
  -webkit-user-select: text !important;
          user-select: text !important;
}

.sx-select-all {
  -webkit-user-select: all !important;
          user-select: all !important;
}

.sx-select-auto {
  -webkit-user-select: auto !important;
          user-select: auto !important;
}

.sx-list-none {
  list-style: none !important;
}

.sx-list-disc {
  list-style: disc !important;
}

.sx-list-decimal {
  list-style: decimal !important;
}

.sx-appearance-none {
  -webkit-appearance: none !important;
          appearance: none !important;
}

.sx-outline-none {
  outline: none !important;
}

.sx-pointer-events-none {
  pointer-events: none !important;
}

.sx-pointer-events-auto {
  pointer-events: auto !important;
}

.sx-cursor-auto {
  cursor: auto !important;
}

.sx-cursor-pointer {
  cursor: pointer !important;
}

.sx-cursor-wait {
  cursor: wait !important;
}

.sx-cursor-move {
  cursor: move !important;
}

.sx-select-none {
  -webkit-user-select: none !important;
          user-select: none !important;
}

.sx-select-text {
  -webkit-user-select: text !important;
          user-select: text !important;
}

.sx-select-all {
  -webkit-user-select: all !important;
          user-select: all !important;
}

.sx-select-auto {
  -webkit-user-select: auto !important;
          user-select: auto !important;
}

.sx-opacity-0 {
  opacity: 0 !important;
}

.sx-opacity-10 {
  opacity: 0.1 !important;
}

.sx-opacity-20 {
  opacity: 0.2 !important;
}

.sx-opacity-30 {
  opacity: 0.3 !important;
}

.sx-opacity-40 {
  opacity: 0.4 !important;
}

.sx-opacity-50 {
  opacity: 0.5 !important;
}

.sx-opacity-60 {
  opacity: 0.6 !important;
}

.sx-opacity-70 {
  opacity: 0.7 !important;
}

.sx-opacity-80 {
  opacity: 0.8 !important;
}

.sx-opacity-90 {
  opacity: 0.9 !important;
}

.sx-opacity-100 {
  opacity: 1 !important;
}

.sx-reset {
  all: unset;
}

.sx-transition-none {
  transition-property: none !important;
}

.sx-transition-all {
  transition-property: all !important;
}

.sx-transition-colors {
  transition-property: background-color, border-color, color !important;
}

.sx-transition-transform {
  transition-property: transform !important;
}

.sx-transition-duration-100 {
  transition-duration: 100ms !important;
}

.sx-transition-duration-150 {
  transition-duration: 150ms !important;
}

.sx-transition-duration-200 {
  transition-duration: 200ms !important;
}

.sx-transition-duration-300 {
  transition-duration: 300ms !important;
}

.sx-transition-duration-400 {
  transition-duration: 400ms !important;
}

.sx-transition-duration-500 {
  transition-duration: 500ms !important;
}

.sx-transition-duration-1000 {
  transition-duration: 1000ms !important;
}

.sx-transition-duration-2000 {
  transition-duration: 2000ms !important;
}

.sx-transition-duration-3000 {
  transition-duration: 3000ms !important;
}

.sx-transition-linear {
  transition-timing-function: linear !important;
}

.sx-transition-ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}

.sx-transition-ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}

.sx-transition-ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.sx-transition-delay-100 {
  transition-delay: 100ms !important;
}

.sx-transition-delay-150 {
  transition-delay: 150ms !important;
}

.sx-transition-delay-200 {
  transition-delay: 200ms !important;
}

.sx-transition-delay-300 {
  transition-delay: 300ms !important;
}

.sx-transition-delay-400 {
  transition-delay: 400ms !important;
}

.sx-transition-delay-500 {
  transition-delay: 500ms !important;
}

.sx-transition-delay-1000 {
  transition-delay: 1000ms !important;
}

.sx-translate-x-0 {
  transform: translateX(0%) !important;
}

.sx-translate-x-100 {
  transform: translateX(100%) !important;
}

.sx--translate-x-100 {
  transform: translateX(-100%) !important;
}

.sx-translate-y-0 {
  transform: translateY(0%) !important;
}

.sx-translate-y-100 {
  transform: translateY(100%) !important;
}

.sx--translate-y-100 {
  transform: translateY(-100%) !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .sx-sm\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .sx-sm\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .sx-sm\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .sx-sm\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .sx-sm\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .sx-md\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .sx-md\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .sx-md\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .sx-md\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .sx-md\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .sx-lg\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .sx-lg\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .sx-lg\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .sx-lg\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .sx-lg\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .sx-xl\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .sx-xl\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .sx-xl\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .sx-xl\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .sx-xl\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
.sx-rotate-45 {
  transform: rotate(45deg) !important;
}

.sx--rotate-45 {
  transform: rotate(-45deg) !important;
}

.sx-rotate-90 {
  transform: rotate(90deg) !important;
}

.sx--rotate-90 {
  transform: rotate(-90deg) !important;
}

.sx-rotate-180 {
  transform: rotate(180deg) !important;
}

.sx--rotate-180 {
  transform: rotate(-180deg) !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .sx-sm\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .sx-sm\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .sx-sm\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .sx-sm\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .sx-sm\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .sx-md\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .sx-md\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .sx-md\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .sx-md\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .sx-md\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .sx-lg\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .sx-lg\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .sx-lg\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .sx-lg\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .sx-lg\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .sx-xl\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .sx-xl\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .sx-xl\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .sx-xl\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .sx-xl\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
.sx-origin-center {
  transform-origin: center !important;
}

.sx-origin-top {
  transform-origin: top !important;
}

.sx-origin-top-right {
  transform-origin: top right !important;
}

.sx-origin-right {
  transform-origin: right !important;
}

.sx-origin-bottom-right {
  transform-origin: bottom right !important;
}

.sx-origin-bottom {
  transform-origin: bottom !important;
}

.sx-origin-bottom-left {
  transform-origin: bottom left !important;
}

.sx-origin-left {
  transform-origin: left !important;
}

.sx-origin-top-left {
  transform-origin: top-left !important;
}

@media screen and (min-width: 576px) {
  .sx-sm\:origin-center {
    transform-origin: center !important;
  }
  .sx-sm\:origin-top {
    transform-origin: top !important;
  }
  .sx-sm\:origin-top-right {
    transform-origin: top right !important;
  }
  .sx-sm\:origin-right {
    transform-origin: right !important;
  }
  .sx-sm\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .sx-sm\:origin-bottom {
    transform-origin: bottom !important;
  }
  .sx-sm\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .sx-sm\:origin-left {
    transform-origin: left !important;
  }
  .sx-sm\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 768px) {
  .sx-md\:origin-center {
    transform-origin: center !important;
  }
  .sx-md\:origin-top {
    transform-origin: top !important;
  }
  .sx-md\:origin-top-right {
    transform-origin: top right !important;
  }
  .sx-md\:origin-right {
    transform-origin: right !important;
  }
  .sx-md\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .sx-md\:origin-bottom {
    transform-origin: bottom !important;
  }
  .sx-md\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .sx-md\:origin-left {
    transform-origin: left !important;
  }
  .sx-md\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 992px) {
  .sx-lg\:origin-center {
    transform-origin: center !important;
  }
  .sx-lg\:origin-top {
    transform-origin: top !important;
  }
  .sx-lg\:origin-top-right {
    transform-origin: top right !important;
  }
  .sx-lg\:origin-right {
    transform-origin: right !important;
  }
  .sx-lg\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .sx-lg\:origin-bottom {
    transform-origin: bottom !important;
  }
  .sx-lg\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .sx-lg\:origin-left {
    transform-origin: left !important;
  }
  .sx-lg\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 1200px) {
  .sx-xl\:origin-center {
    transform-origin: center !important;
  }
  .sx-xl\:origin-top {
    transform-origin: top !important;
  }
  .sx-xl\:origin-top-right {
    transform-origin: top right !important;
  }
  .sx-xl\:origin-right {
    transform-origin: right !important;
  }
  .sx-xl\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .sx-xl\:origin-bottom {
    transform-origin: bottom !important;
  }
  .sx-xl\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .sx-xl\:origin-left {
    transform-origin: left !important;
  }
  .sx-xl\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scalein {
  0% {
    opacity: 0;
    transform: scaleY(0.8);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes slidedown {
  0% {
    max-height: 0;
  }
  100% {
    max-height: auto;
  }
}
@keyframes slideup {
  0% {
    max-height: 62.5rem;
  }
  100% {
    max-height: 0;
  }
}
@keyframes fadeinleft {
  0% {
    opacity: 0;
    transform: translateX(-100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes fadeoutleft {
  0% {
    opacity: 1;
    transform: translateX(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
  }
}
@keyframes fadeinright {
  0% {
    opacity: 0;
    transform: translateX(100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes fadeoutright {
  0% {
    opacity: 1;
    transform: translateX(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}
@keyframes fadeinup {
  0% {
    opacity: 0;
    transform: translateY(-100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeoutup {
  0% {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}
@keyframes fadeindown {
  0% {
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeoutdown {
  0% {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}
@keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes flip {
  from {
    transform: perspective(125rem) rotateX(-100deg);
  }
  to {
    transform: perspective(125rem) rotateX(0);
  }
}
@keyframes flipleft {
  from {
    transform: perspective(125rem) rotateY(-100deg);
    opacity: 0;
  }
  to {
    transform: perspective(125rem) rotateY(0);
    opacity: 1;
  }
}
@keyframes flipright {
  from {
    transform: perspective(125rem) rotateY(100deg);
    opacity: 0;
  }
  to {
    transform: perspective(125rem) rotateY(0);
    opacity: 1;
  }
}
@keyframes flipup {
  from {
    transform: perspective(125rem) rotateX(-100deg);
    opacity: 0;
  }
  to {
    transform: perspective(125rem) rotateX(0);
    opacity: 1;
  }
}
@keyframes zoomin {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomindown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -62.5rem, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 3.75rem, 0);
  }
}
@keyframes zoominleft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-62.5rem, 0, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0.625rem, 0, 0);
  }
}
@keyframes zoominright {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(62.5rem, 0, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.625rem, 0, 0);
  }
}
@keyframes zoominup {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 62.5rem, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -3.75rem, 0);
  }
}
.sx-fadein {
  animation: fadein 0.15s linear;
}

.sx-fadeout {
  animation: fadeout 0.15s linear;
}

.sx-slidedown {
  animation: slidedown 0.45s ease-in-out;
}

.sx-slideup {
  animation: slideup 0.45s cubic-bezier(0, 1, 0, 1);
}

.sx-scalein {
  animation: scalein 0.15s linear;
}

.sx-fadeinleft {
  animation: fadeinleft 0.15s linear;
}

.sx-fadeoutleft {
  animation: fadeoutleft 0.15s linear;
}

.sx-fadeinright {
  animation: fadeinright 0.15s linear;
}

.sx-fadeoutright {
  animation: fadeoutright 0.15s linear;
}

.sx-fadeinup {
  animation: fadeinup 0.15s linear;
}

.sx-fadeoutup {
  animation: fadeoutup 0.15s linear;
}

.sx-fadeindown {
  animation: fadeindown 0.15s linear;
}

.sx-fadeoutdown {
  animation: fadeoutdown 0.15s linear;
}

.sx-animate-width {
  animation: animate-width 1000ms linear;
}

.sx-flip {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  animation: flip 0.15s linear;
}

.sx-flipup {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  animation: flipup 0.15s linear;
}

.sx-flipleft {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  animation: flipleft 0.15s linear;
}

.sx-flipright {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  animation: flipright 0.15s linear;
}

.sx-zoomin {
  animation: zoomin 0.15s linear;
}

.sx-zoomindown {
  animation: zoomindown 0.15s linear;
}

.sx-zoominleft {
  animation: zoominleft 0.15s linear;
}

.sx-zoominright {
  animation: zoominright 0.15s linear;
}

.sx-zoominup {
  animation: zoominup 0.15s linear;
}

.sx-animation-duration-100 {
  animation-duration: 100ms !important;
}

.sx-animation-duration-150 {
  animation-duration: 150ms !important;
}

.sx-animation-duration-200 {
  animation-duration: 200ms !important;
}

.sx-animation-duration-300 {
  animation-duration: 300ms !important;
}

.sx-animation-duration-400 {
  animation-duration: 400ms !important;
}

.sx-animation-duration-500 {
  animation-duration: 500ms !important;
}

.sx-animation-duration-1000 {
  animation-duration: 1000ms !important;
}

.sx-animation-duration-2000 {
  animation-duration: 2000ms !important;
}

.sx-animation-duration-3000 {
  animation-duration: 3000ms !important;
}

.sx-animation-delay-100 {
  animation-delay: 100ms !important;
}

.sx-animation-delay-150 {
  animation-delay: 150ms !important;
}

.sx-animation-delay-200 {
  animation-delay: 200ms !important;
}

.sx-animation-delay-300 {
  animation-delay: 300ms !important;
}

.sx-animation-delay-400 {
  animation-delay: 400ms !important;
}

.sx-animation-delay-500 {
  animation-delay: 500ms !important;
}

.sx-animation-delay-1000 {
  animation-delay: 1000ms !important;
}

.sx-animation-iteration-1 {
  animation-iteration-count: 1 !important;
}

.sx-animation-iteration-2 {
  animation-iteration-count: 2 !important;
}

.sx-animation-iteration-infinite {
  animation-iteration-count: infinite !important;
}

.sx-animation-linear {
  animation-timing-function: linear !important;
}

.sx-animation-ease-in {
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}

.sx-animation-ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}

.sx-animation-ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.sx-animation-fill-none {
  animation-fill-mode: none !important;
}

.sx-animation-fill-forwards {
  animation-fill-mode: forwards !important;
}

.sx-animation-fill-backwards {
  animation-fill-mode: backwards !important;
}

.sx-animation-fill-both {
  animation-fill-mode: both !important;
}

.sx-rowcol-action {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.sx-rowcol-action .rounded-btn {
  min-width: 2.5rem !important;
  height: 2.5rem !important;
  padding: 0 !important;
  border-radius: 50% !important;
  margin-right: 0.313rem !important;
  background: #f5f5f5;
}
.sx-rowcol-action .rounded-btn .mat-icon {
  color: #bec8cd;
}
.sx-rowcol-action .mat-flat-button {
  background: #91c741;
}
.sx-rowcol-action .mat-stroked-button {
  color: #91c741;
}
.sx-rowcol-action.detail-action .rounded-btn {
  background: #DFE9FC;
}
.sx-rowcol-action.detail-action .mat-icon {
  color: #94959C;
}

button {
  cursor: pointer;
}

.btnsellexesecondary {
  cursor: pointer;
}

.sx-table {
  table-layout: auto;
  border-collapse: separate;
  border-spacing: 0 0.75rem;
  width: 100%;
}
.sx-table thead {
  background-color: #edf3ff;
}
.sx-table thead th {
  padding: 0.5rem 1.5rem;
  top: 0;
  background-color: #edf3ff;
  position: -webkit-sticky;
  position: sticky;
  color: #000;
  font-weight: 700;
  font-size: var(--fs-0-875-rem);
  line-height: 1.25rem;
}
.sx-table thead th:first-child {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.sx-table thead th:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.sx-table thead th:nth-child(1) {
  border-radius: 0.5rem 0rem 0rem 0.5rem;
}
.sx-table thead th:nth-last-child(1) {
  border-radius: 0rem 0.5rem 0.5rem 0rem;
}
.sx-table tbody tr {
  box-shadow: 0rem 0.625rem 1.25rem 0rem rgba(0, 0, 0, 0.0509803922);
  background-color: #fff;
}
.sx-table tbody td {
  padding: 0.5rem 1.5rem;
  font-weight: 400;
  font-size: var(--fs-0-875-rem);
  line-height: 1.25rem;
  color: #303030;
}
.sx-table tbody td:first-child {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.sx-table tbody td:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.sx-table h5 {
  color: #000;
  font-weight: 700;
  font-size: var(--fs-0-875-rem);
  line-height: 1.25rem;
  text-align: left;
  align-items: center;
}
.sx-table .opportunityTitleBox {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.sx-table .opportunityTitleBox .opportunityColor {
  height: 2rem;
  width: 0.25rem;
  border-radius: 0.5rem;
}
.sx-table .opportunityTitleBox .opportunityTxt {
  margin-left: 0.5rem;
  font-weight: 700;
  line-height: 1.25rem;
  font-size: var(--fs-0-875-rem);
}
.sx-table.sx-table-md tbody td {
  padding: 0.75rem 1.5rem;
}

.sellexegridnew thead {
  vertical-align: top;
}
.sellexegridnew thead th:first-child {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.sellexegridnew thead th:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.sellexegridnew thead th h1,
.sellexegridnew thead th h2,
.sellexegridnew thead th h3,
.sellexegridnew thead th h4,
.sellexegridnew thead th h5 {
  margin-bottom: 0rem;
}
.sellexegridnew tbody td:first-child {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.sellexegridnew tbody td:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.sellexe-wrapper {
  /* Show scrollbar when user starts scrolling */
}
.sellexe-wrapper .mat-header-cell,
.sellexe-wrapper .mat-cell {
  padding: 0.5rem;
}
.sellexe-wrapper .mat-table {
  background: none;
  table-layout: auto;
  border-collapse: separate;
  border-spacing: 0 0.75rem;
  margin-top: -0.75rem !important;
}
.sellexe-wrapper .mat-table thead {
  background-color: #edf3ff;
}
.sellexe-wrapper .mat-table thead tr.mat-header-row {
  height: 2.25rem;
}
.sellexe-wrapper .mat-table thead th {
  padding: 0.75rem 1.5rem;
  top: 0;
  background-color: #edf3ff;
  position: -webkit-sticky;
  position: sticky;
  color: #000;
  font-weight: 700;
  font-size: var(--fs-0-875-rem);
  line-height: 1.25rem;
}
.sellexe-wrapper .mat-table thead th:nth-child(1) {
  border-radius: 0.5rem 0rem 0rem 0.5rem;
}
.sellexe-wrapper .mat-table thead th:nth-last-child(1) {
  border-radius: 0rem 0.5rem 0.5rem 0rem;
}
.sellexe-wrapper .mat-table tbody tr {
  background-color: #fff;
}
.sellexe-wrapper .mat-table tbody td {
  padding: 0.75rem 1.5rem;
  font-weight: 400;
  font-size: var(--fs-0-875-rem);
  line-height: 1.25rem;
  color: #000000;
}
.sellexe-wrapper .mat-table .cdk-virtual-scroll-content-wrapper {
  padding: 0 0.5rem 0 0.5rem;
}
.sellexe-wrapper xcdrs-mine-activities .mat-table {
  background: #fff;
}
.sellexe-wrapper .cdk-virtual-scroll-content-wrapper {
  padding: 0 0.5rem 0 0rem;
}
.sellexe-wrapper .cdk-virtual-scroll-viewport.empty-column::-webkit-scrollbar {
  display: none;
  /* For Chrome, Safari, and Edge */
}
.sellexe-wrapper .show-scrollbar {
  scrollbar-width: thin;
  /* For Firefox */
}
.sellexe-wrapper .show-scrollbar::-webkit-scrollbar {
  display: block;
  /* For Chrome, Safari, and Edge */
}

.sellexe-custom-dialog .mat-dialog-container {
  border-radius: 0.5rem;
}
.sellexe-custom-dialog .mat-dialog-container .sellexepopup .simplepopupheader {
  align-items: center;
  margin-bottom: 3rem;
}
.sellexe-custom-dialog .mat-dialog-container .sellexepopup .simplepopupheader h4 {
  margin-bottom: 0rem;
}

.customercontentplaceholder .pagecontent {
  overflow-y: auto;
  overflow-x: hidden;
  /* Prevent layout shift when scrollbar appears */
  /* Hide the scrollbar by default */
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
}
.customercontentplaceholder .pagecontent::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera */
}
.customercontentplaceholder .pagecontent:hover, .customercontentplaceholder .pagecontent:focus-visible {
  scrollbar-width: initial;
}
.customercontentplaceholder .pagecontent:hover::-webkit-scrollbar {
  display: block;
  width: 0.438rem !important;
}
.customercontentplaceholder .pagecontent::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 0.188rem !important;
}
.customercontentplaceholder .pagecontent::-webkit-scrollbar-thumb {
  background: #d4d4d4 !important;
  border-radius: 0.188rem !important;
}
.customercontentplaceholder .pagecontent::-webkit-scrollbar-thumb:hover {
  background: #d4d4d4;
}
.customercontentplaceholder .pagecontent .tw-sticky {
  z-index: 9;
}

.sellexe-wrapper {
  height: calc(100vh - 8.438rem);
  overflow: hidden;
}
.sellexe-wrapper .mat-drawer-container {
  color: rgba(0, 0, 0, 0.8705882353);
  position: fixed !important;
  z-index: 999999 !important;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  display: block;
  overflow: hidden;
  height: 100vh !important;
  top: 0 !important;
  right: 0;
  box-shadow: 0 0.625rem 1.25rem #000000;
}
.sellexe-wrapper button {
  cursor: pointer;
}
.sellexe-wrapper .primaryaddbtn {
  position: fixed;
  bottom: 1rem;
  right: 1.5rem;
  cursor: pointer;
}

/* You can add global styles to this file, and also import other style files */
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/styles/simplestrata/styles.scss?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
/*------------------rtl-css--------------------*/
::ng-deep body.rtl span.material-icons.vis-hide.ng-star-inserted {
  position: absolute;
}

::ng-deep body.rtl mat-error {
  text-align: right;
}

::ng-deep body.rtl mat-expansion-panel-header mat-panel-title {
  line-height: 1.125rem;
}

/*------------------rtl-css--------------------*/
/*------------------rtl-css--------------------*/
:root {
  --fs-0-25-rem: 0.25rem;
  --fs-0-375-rem: 0.375rem;
  --fs-0-5-rem: 0.5rem;
  --fs-0-563-rem: 0.563rem;
  --fs-0-6-rem: 0.6rem;
  --fs-0-625-rem: 0.625rem;
  --fs-0-65-rem: 0.65rem;
  --fs-0-656-rem: 0.656rem;
  --fs-0-688-rem: 0.688rem;
  --fs-0-7-rem: 0.7rem;
  --fs-0-72-rem: 0.72rem;
  --fs-0-75-rem: 0.75rem;
  --fs-0-8-rem: 0.8rem;
  --fs-0-813-rem: 0.813rem;
  --fs-0-844-rem: 0.844rem;
  --fs-0-875-rem: 0.875rem;
  --fs-0-9-rem: 0.9rem;
  --fs-0-938-rem: 0.938rem;
  --fs-1-rem: 1rem;
  --fs-1-063-rem: 1.063rem;
  --fs-1-1-rem: 1.1rem;
  --fs-1-125-rem: 1.125rem;
  --fs-1-188-rem: 1.188rem;
  --fs-1-2-rem: 1.2rem;
  --fs-1-25-rem: 1.25rem;
  --fs-1-313-rem: 1.313rem;
  --fs-1-375-rem: 1.375rem;
  --fs-1-438-rem: 1.438rem;
  --fs-1-5-rem: 1.5rem;
  --fs-1-563-rem: 1.563rem;
  --fs-1-625-rem: 1.625rem;
  --fs-1-75-rem: 1.75rem;
  --fs-1-813-rem: 1.813rem;
  --fs-1-875-rem: 1.875rem;
  --fs-1-95-rem: 1.95rem;
  --fs-2-rem: 2rem;
  --fs-2-063-rem: 2.063rem;
  --fs-2-125-rem: 2.125rem;
  --fs-2-25-rem: 2.25rem;
  --fs-2-5-rem: 2.5rem;
  --fs-2-625-rem: 2.625rem;
  --fs-2-813-rem: 2.813rem;
  --fs-3-rem: 3rem;
  --fs-3-063-rem: 3.063rem;
  --fs-3-125-rem: 3.125rem;
  --fs-3-25-rem: 3.25rem;
  --fs-3-375-rem: 3.375rem;
  --fs-3-5-rem: 3.5rem;
  --fs-3-75-rem: 3.75rem;
  --fs-4-rem: 4rem;
  --fs-4-5-rem: 4.5rem;
  --fs-6-rem: 6rem;
  --fs-8-rem: 8rem;
  --fs-16-px: 1rem;
  --fs-17-px: 1.0625rem;
  --fs-20-px: 1.25rem;
  --fs-24-px: 1.5rem;
  --rate-of-font-size-change-percent: 12.5; /* set by JS via applyAppAppearanceContentWidth */
  /* ============================================
     TYPE SCALE — font-size + line-height pairs
     Aligned with Tailwind's default scale.
     All sizes go through fs-scaled() so
     --rate-of-font-size-change-percent applies.
     Line-height values are unitless ratios and
     do not need scaling.
     ============================================ */
  --text-xs: 0.75rem; /* 12px */
  --text-xs--line-height: 1.3333; /* calc(1 / 0.75)       */
  --text-sm: 0.875rem; /* 14px */
  --text-sm--line-height: 1.4286; /* calc(1.25 / 0.875)   */
  --text-base: 1rem; /* 16px */
  --text-base--line-height: 1.5; /* calc(1.5 / 1)        */
  --text-md: 1rem; /* 16px — app alias */
  --text-lg: 1.125rem; /* 18px */
  --text-lg--line-height: 1.5556; /* calc(1.75 / 1.125)   */
  --text-xl: 1.25rem; /* 20px */
  --text-xl--line-height: 1.4; /* calc(1.75 / 1.25)    */
  --text-2xl: 1.5rem; /* 24px */
  --text-2xl--line-height: 1.3333; /* calc(2 / 1.5)        */
  --text-3xl: 1.875rem; /* 30px */
  --text-3xl--line-height: 1.2; /* calc(2.25 / 1.875)   */
  --text-4xl: 2.25rem; /* 36px */
  --text-4xl--line-height: 1.1111; /* calc(2.5 / 2.25)     */
  --text-5xl: 3rem; /* 48px */
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem; /* 60px */
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem; /* 72px */
  --text-7xl--line-height: 1;
  --text-8xl: 6rem; /* 96px */
  --text-8xl--line-height: 1;
  --text-9xl: 8rem; /* 128px */
  --text-9xl--line-height: 1;
  /* App-only extras (no Tailwind equivalent) */
  --text-2xs: 0.75rem; /* 12px — Caption / Overline */
  --text-2xs--line-height: 1.3333;
  --text-3xs: 0.688rem; /* 11px — Micro / Fine Print */
  --text-3xs--line-height: 1.4545; /* calc(1 / 0.688) approx   */
}

.tw-text-xs {
  font-size: var(--text-xs);
  line-height: var(--text-xs--line-height);
}

.tw-text-sm {
  font-size: var(--text-sm);
  line-height: var(--text-sm--line-height);
}

.tw-text-base {
  font-size: var(--text-base);
  line-height: var(--text-base--line-height);
}

.tw-text-lg {
  font-size: var(--text-lg);
  line-height: var(--text-lg--line-height);
}

.tw-text-xl {
  font-size: var(--text-xl);
  line-height: var(--text-xl--line-height);
}

.tw-text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--text-2xl--line-height);
}

.tw-text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--text-3xl--line-height);
}

.tw-text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--text-4xl--line-height);
}

.tw-text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--text-5xl--line-height);
}

.tw-text-6xl {
  font-size: var(--text-6xl);
  line-height: var(--text-6xl--line-height);
}

.tw-text-7xl {
  font-size: var(--text-7xl);
  line-height: var(--text-7xl--line-height);
}

.tw-text-8xl {
  font-size: var(--text-8xl);
  line-height: var(--text-8xl--line-height);
}

.tw-text-9xl {
  font-size: var(--text-9xl);
  line-height: var(--text-9xl--line-height);
}

/*application status colors*/
/*My space Swipable Cards*/
/*------------------rtl-css--------------------*/
::ng-deep body.rtl span.material-icons.vis-hide.ng-star-inserted {
  position: absolute;
}

::ng-deep body.rtl mat-error {
  text-align: right;
}

::ng-deep body.rtl mat-expansion-panel-header mat-panel-title {
  line-height: 1.125rem;
}

/*------------------rtl-css--------------------*/
/*------------------rtl-css--------------------*/
.evaluation-status-tag {
  border-radius: 0.25rem;
  height: 1.5rem;
  padding: 0.313rem 0.5rem;
  font-size: var(--fs-0-875-rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
}
.evaluation-status-tag.bg-open {
  background: #EFF7E8;
  color: #5BAA15;
}
.evaluation-status-tag.bg-scheduled {
  background: #F0F9FF;
  color: #026AA2;
}
.evaluation-status-tag.bg-closed {
  background: #FEF3F2;
  color: #D92D20;
}
.evaluation-status-tag.bg-overdue {
  background: rgba(248, 151, 29, 0.1019607843);
  color: #F8971D;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./node_modules/cropperjs/src/css/cropper.scss?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
          user-select: none;
}
.cropper-container img {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cropper-wrap-box, .cropper-canvas {
  overflow: hidden;
}
.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}
.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}
.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}
.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}
.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.3333333333%;
  left: 0;
  top: 33.3333333333%;
  width: 100%;
}
.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.3333333333%;
  top: 0;
  width: 33.3333333333%;
}
.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}
.cropper-center::before, .cropper-center::after {
  background-color: #eee;
  content: " ";
  display: block;
  position: absolute;
}
.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}
.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}
.cropper-face, .cropper-line, .cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}
.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}
.cropper-line {
  background-color: #39f;
}
.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}
.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}
.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}
.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}
.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}
.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}
.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}
.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}
.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}
.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}
.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}
@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: " ";
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}
.cropper-invisible {
  opacity: 0;
}
.cropper-bg {
  background-image: url('bg.png');
}
.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
  cursor: not-allowed;
}
/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/video.js/dist/video-js.css?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************/
.vjs-svg-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  fill: currentColor;
  height: 1.8em;
  width: 1.8em;
}
.vjs-svg-icon:before {
  content: none !important;
}

.vjs-svg-icon:hover,
.vjs-control:focus .vjs-svg-icon {
  filter: drop-shadow(0 0 0.25em #fff);
}

.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10a";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10b";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-downloading {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-downloading:before {
  content: "\f10f";
}

.vjs-icon-file-download {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download:before {
  content: "\f110";
}

.vjs-icon-file-download-done {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-done:before {
  content: "\f111";
}

.vjs-icon-file-download-off {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-off:before {
  content: "\f112";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f113";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f114";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f115";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f116";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f117";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f118";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f119";
}

.vjs-icon-repeat {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-repeat:before {
  content: "\f11a";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f11b";
}

.vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
  content: "\f11c";
}

.vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
  content: "\f11f";
}

.vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
  content: "\f120";
}

.vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
  content: "\f121";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f122";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f123";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f124";
}

.vjs-icon-shuffle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-shuffle:before {
  content: "\f125";
}

.vjs-icon-cast {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cast:before {
  content: "\f126";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f127";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f128";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f129";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f12a";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f12b";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f12c";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f12d";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f12e";
}

.video-js {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window,
body.vjs-pip-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen,
body.vjs-pip-window .video-js {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
body.vjs-pip-window .video-js {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
  display: block;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-pip-container .vjs-pip-text {
  position: absolute;
  bottom: 10%;
  font-size: 2em;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0.5em;
  text-align: center;
  width: 100%;
}

.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,
.vjs-layout-small.vjs-pip-container .vjs-pip-text {
  bottom: 0;
  font-size: 1.4em;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  margin-top: -0.81666em;
  margin-left: -1.5em;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}
.vjs-big-play-button .vjs-svg-icon {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  transform: translate(-50%, -50%);
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
       appearance: none;
}

.video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
  outline: 0.0625em solid white;
  box-shadow: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}
.vjs-menu li.vjs-selected .vjs-svg-icon,
.vjs-menu li.vjs-selected:focus .vjs-svg-icon,
.vjs-menu li.vjs-selected:hover .vjs-svg-icon,
.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon {
  fill: #000000;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
  left: unset;
  right: 1em;
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js.vjs-spatial-navigation-enabled .vjs-control-bar {
  gap: 1px;
}

.video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing {
  display: flex !important;
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.vjs-button > .vjs-svg-icon {
  display: inline-block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  line-height: 0.35em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-play-progress:before {
  content: none !important;
}

.vjs-play-progress .vjs-svg-icon {
  position: absolute;
  top: -0.35em;
  right: -0.4em;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  line-height: 0.15em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-touch-enabled:not(.vjs-scrubbing) .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari, and Chrome 53 */
  -webkit-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
       user-select: none;
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
  outline: 0.0625em solid white;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-volume-level:before {
  content: none;
}

.vjs-volume-level .vjs-svg-icon {
  position: absolute;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  line-height: 0.35em;
  right: -0.5em;
}

.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
  right: -0.3em;
  transform: translateY(-50%);
}

.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
  top: -0.55em;
  transform: translateX(-50%);
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster,
.vjs-pip-container.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-poster img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-svg-icons-enabled .vjs-seek-to-live-control {
  line-height: 0;
}

.vjs-seek-to-live-control .vjs-svg-icon {
  width: 1em;
  height: 1em;
  pointer-events: none;
  fill: #888888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
  fill: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider,
.video-js .vjs-current-time,
.video-js .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control {
  display: flex;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.vjs-error .vjs-text-track-display {
  display: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js.vjs-force-center-align-cues .vjs-text-track-cue {
  text-align: center !important;
  width: 80% !important;
}

@supports not (inset: 10px) {
  .video-js .vjs-text-track-display > div {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
.vjs-pip-window .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control,
.vjs-pip-window .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.85;
  text-align: left;
  border: 0.6em solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-error .vjs-loading-spinner {
  display: none;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: rgb(255, 255, 255);
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: rgb(255, 255, 255);
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  20% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  100% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
  width: 1.5em;
  height: 1.5em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10c";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f12e";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings {
  height: 80%;
}

.vjs-error .vjs-text-track-settings {
  display: none;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-text-track-settings select {
  font-size: inherit;
}

.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 10px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
  padding: 0 0.6em 0.8em;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
}

.vjs-text-track-settings .vjs-label {
  margin: 0 0.5em 0.5em 0;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

.vjs-title-bar {
  background: rgba(0, 0, 0, 0.9);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
  font-size: 1.2em;
  line-height: 1.5;
  transition: opacity 0.1s;
  padding: 0.666em 1.333em 4em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.vjs-error .vjs-title-bar {
  display: none;
}

.vjs-title-bar-title,
.vjs-title-bar-description {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vjs-title-bar-title {
  font-weight: bold;
  margin-bottom: 0.333em;
}

.vjs-playing.vjs-user-inactive .vjs-title-bar {
  opacity: 0;
  transition: opacity 1s;
}

.video-js .vjs-skip-forward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-30 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-30 {
  cursor: pointer;
}
.video-js .vjs-transient-button {
  position: absolute;
  height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(50, 50, 50, 0.5);
  cursor: pointer;
  opacity: 1;
  transition: opacity 1s;
}

.video-js:not(.vjs-has-started) .vjs-transient-button {
  display: none;
}

.video-js.not-hover .vjs-transient-button:not(.force-display),
.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) {
  opacity: 0;
}

.video-js .vjs-transient-button span {
  padding: 0 0.5em;
}

.video-js .vjs-transient-button.vjs-left {
  left: 1em;
}

.video-js .vjs-transient-button.vjs-right {
  right: 1em;
}

.video-js .vjs-transient-button.vjs-top {
  top: 1em;
}

.video-js .vjs-transient-button.vjs-near-top {
  top: 4em;
}

.video-js .vjs-transient-button.vjs-bottom {
  bottom: 4em;
}

.video-js .vjs-transient-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}

.video-js *:focus:not(:focus-visible) {
  outline: none;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/app/activities/assets/css/styles.scss?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media screen and (-ms-high-contrast: active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.288);
}

.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 0.063rem;
  min-height: 0.063rem;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

.owl-dialog-container {
  position: relative;
  pointer-events: auto;
  box-sizing: border-box;
  display: block;
  padding: 1.5em;
  box-shadow: 0 0.688rem 0.938rem -0.438rem rgba(0, 0, 0, 0.2), 0rem 1.5rem 2.375rem 0.188rem rgba(0, 0, 0, 0.14), 0rem 0.563rem 2.875rem 0.5rem rgba(0, 0, 0, 0.12);
  border-radius: 0.125rem;
  overflow: auto;
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
  width: 100%;
  height: 100%;
  outline: none;
}

.owl-dt-container,
.owl-dt-container * {
  box-sizing: border-box;
}

.owl-dt-container {
  display: block;
  font-size: var(--fs-1-rem);
  background: #ffffff;
  pointer-events: auto;
  z-index: 1000;
}

.owl-dt-container-row {
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.12);
}
.owl-dt-container-row:last-child {
  border-bottom: none;
}

.owl-dt-calendar {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.owl-dt-calendar-control {
  display: flex;
  align-items: center;
  font-size: var(--fs-1-rem);
  width: 100%;
  padding: 0.5em;
  color: #000000;
}
.owl-dt-calendar-control .owl-dt-calendar-control-content {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button {
  padding: 0 0.8em;
}
.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover {
  background-color: rgba(0, 0, 0, 0.12);
}

.owl-dt-calendar-main {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 0 0.5em 0.5em;
  outline: 0;
}

.owl-dt-calendar-view {
  display: block;
  flex: 1 1 auto;
}

.owl-dt-calendar-multi-year-view {
  display: flex;
  align-items: center;
}
.owl-dt-calendar-multi-year-view .owl-dt-calendar-table {
  width: calc(100% - 3em);
}
.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th {
  padding-bottom: 0.25em;
}

.owl-dt-calendar-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.owl-dt-calendar-table .owl-dt-calendar-header {
  color: rgba(0, 0, 0, 0.4);
}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th {
  font-size: var(--fs-0-7-rem);
  font-weight: 400;
  text-align: center;
  padding-bottom: 1em;
}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider {
  position: relative;
  height: 0.063rem;
  padding-bottom: 0.5em;
}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after {
  content: "";
  position: absolute;
  top: 0;
  left: -0.5em;
  right: -0.5em;
  height: 0.063rem;
  background: rgba(0, 0, 0, 0.12);
}
.owl-dt-calendar-table .owl-dt-calendar-cell {
  position: relative;
  height: 0;
  line-height: 0;
  text-align: center;
  outline: 0;
  color: rgba(0, 0, 0, 0.85);
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-content {
  position: absolute;
  top: 5%;
  left: 5%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 90%;
  height: 90%;
  font-size: var(--fs-0-8-rem);
  line-height: 1;
  border: 0.063rem solid transparent;
  border-radius: 62.438rem;
  color: inherit;
  cursor: pointer;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-out {
  opacity: 0.2;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected) {
  border-color: rgba(0, 0, 0, 0.4);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-selected {
  color: hsla(0, 0%, 100%, 0.85);
  background-color: #3f51b5;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today {
  box-shadow: inset 0 0 0 0.063rem hsla(0, 0%, 100%, 0.85);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled {
  cursor: default;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
  color: rgba(0, 0, 0, 0.4);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled > .owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected {
  opacity: 0.4;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled > .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected) {
  border-color: rgba(0, 0, 0, 0.2);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),
.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
  background-color: rgba(0, 0, 0, 0.04);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-in-range {
  background: rgba(63, 81, 181, 0.2);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from {
  border-top-left-radius: 62.438rem;
  border-bottom-left-radius: 62.438rem;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to {
  border-top-right-radius: 62.438rem;
  border-bottom-right-radius: 62.438rem;
}

.owl-dt-timer {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 7em;
  padding: 0.5em;
  outline: none;
}

.owl-dt-timer-box {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
  height: 100%;
}

.owl-dt-timer-content {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0.2em 0;
}
.owl-dt-timer-content .owl-dt-timer-input {
  display: block;
  width: 2em;
  text-align: center;
  border: 0.063rem solid rgba(0, 0, 0, 0.5);
  border-radius: 0.188rem;
  outline: medium none;
  font-size: var(--fs-1-2-rem);
  padding: 0.2em;
}

.owl-dt-timer-divider {
  display: inline-block;
  align-self: flex-end;
  position: absolute;
  width: 0.6em;
  height: 100%;
  left: -0.3em;
}
.owl-dt-timer-divider:before, .owl-dt-timer-divider:after {
  content: "";
  display: inline-block;
  width: 0.35em;
  height: 0.35em;
  position: absolute;
  left: 50%;
  border-radius: 50%;
  transform: translateX(-50%);
  background-color: currentColor;
}
.owl-dt-timer-divider:before {
  top: 35%;
}
.owl-dt-timer-divider:after {
  bottom: 35%;
}

.owl-dt-control-button {
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  outline: none;
  border: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  background-color: transparent;
  font-size: var(--fs-1-rem);
  color: inherit;
}
.owl-dt-control-button .owl-dt-control-button-content {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  outline: none;
}

.owl-dt-control-period-button .owl-dt-control-button-content {
  height: 1.5em;
  padding: 0 0.5em;
  border-radius: 0.188rem;
  transition: background-color 100ms linear;
}
.owl-dt-control-period-button:hover > .owl-dt-control-button-content {
  background-color: rgba(0, 0, 0, 0.12);
}
.owl-dt-control-period-button .owl-dt-control-button-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  margin: 0.1em;
  transition: transform 200ms ease;
}

.owl-dt-control-arrow-button .owl-dt-control-button-content {
  padding: 0;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
}
.owl-dt-control-arrow-button[disabled] {
  color: rgba(0, 0, 0, 0.4);
  cursor: default;
}
.owl-dt-control-arrow-button svg {
  width: 50%;
  height: 50%;
  fill: currentColor;
}

.owl-dt-inline-container,
.owl-dt-popup-container {
  position: relative;
  width: 18.5em;
  box-shadow: 0 0.313rem 0.313rem -0.188rem rgba(0, 0, 0, 0.2), 0 0.5rem 0.625rem 0.063rem rgba(0, 0, 0, 0.14), 0 0.188rem 0.875rem 0.125rem rgba(0, 0, 0, 0.12);
}
.owl-dt-inline-container .owl-dt-calendar,
.owl-dt-inline-container .owl-dt-timer,
.owl-dt-popup-container .owl-dt-calendar,
.owl-dt-popup-container .owl-dt-timer {
  width: 100%;
}
.owl-dt-inline-container .owl-dt-calendar,
.owl-dt-popup-container .owl-dt-calendar {
  height: 20.25em;
}

.owl-dt-dialog-container {
  max-height: 95vh;
  margin: -1.5em;
}
.owl-dt-dialog-container .owl-dt-calendar {
  min-width: 15.625rem;
  min-height: 20.625rem;
  max-width: 46.875rem;
  max-height: 46.875rem;
}
.owl-dt-dialog-container .owl-dt-timer {
  min-width: 15.625rem;
  max-width: 46.875rem;
}

@media all and (orientation: landscape) {
  .owl-dt-dialog-container .owl-dt-calendar {
    width: 58vh;
    height: 62vh;
  }
  .owl-dt-dialog-container .owl-dt-timer {
    width: 58vh;
  }
}
@media all and (orientation: portrait) {
  .owl-dt-dialog-container .owl-dt-calendar {
    width: 80vw;
    height: 80vw;
  }
  .owl-dt-dialog-container .owl-dt-timer {
    width: 80vw;
  }
}
.owl-dt-container-buttons {
  display: flex;
  width: 100%;
  height: 2em;
  color: #3f51b5;
}

.owl-dt-container-control-button {
  font-size: var(--fs-1-rem);
  width: 50%;
  height: 100%;
  border-radius: 0;
}
.owl-dt-container-control-button .owl-dt-control-button-content {
  height: 100%;
  width: 100%;
  transition: background-color 100ms linear;
}
.owl-dt-container-control-button:hover .owl-dt-control-button-content {
  background-color: rgba(0, 0, 0, 0.1);
}

.owl-dt-container-info {
  padding: 0 0.5em;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.owl-dt-container-info .owl-dt-container-range {
  outline: none;
}
.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content {
  display: flex;
  justify-content: space-between;
  padding: 0.5em 0;
  font-size: var(--fs-0-8-rem);
}
.owl-dt-container-info .owl-dt-container-range:last-child {
  border-top: 0.063rem solid rgba(0, 0, 0, 0.12);
}
.owl-dt-container-info .owl-dt-container-info-active {
  color: #3f51b5;
}

.owl-dt-container-disabled,
.owl-dt-trigger-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
  cursor: default !important;
}

.owl-dt-timer-hour12 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #3f51b5;
}
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box {
  border: 0.063rem solid currentColor;
  border-radius: 0.125rem;
  transition: background 200ms ease;
}
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content {
  width: 100%;
  height: 100%;
  padding: 0.5em;
}
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content, .owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content {
  background: #3f51b5;
  color: #ffffff;
}

.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out {
  visibility: hidden;
  cursor: default;
}

.owl-dt-inline {
  display: inline-block;
}

.owl-dt-control {
  outline: none;
  cursor: pointer;
}
.owl-dt-control .owl-dt-control-content {
  outline: none;
}
.owl-dt-control:focus > .owl-dt-control-content {
  background-color: rgba(0, 0, 0, 0.12);
}
.owl-dt-control:not(:-moz-focusring):focus > .owl-dt-control-content {
  box-shadow: none;
}

.owl-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0.063rem;
  margin: -0.063rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.063rem;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

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

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

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

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

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

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

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