@charset "UTF-8";

/* src/styles.scss */
/*!
 * Bootstrap Grid v5.2.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * 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) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.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;
  }
}
.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(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.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) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0%;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.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%;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .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% !important;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .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%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .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%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .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%;
  }
}
@media (min-width: 1500px) {
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !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;
}
.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;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.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: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.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: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.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: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.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: 0.25rem !important;
}
.me-2 {
  margin-right: 0.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: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.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: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.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: 0.25rem !important;
}
.p-2 {
  padding: 0.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: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.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: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.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: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.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: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.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: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.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: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.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-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !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;
  }
  .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;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.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: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.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: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.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: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.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: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.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: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.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: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.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: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.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: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.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: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.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: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.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: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.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: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.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: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.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-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !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;
  }
  .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;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.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: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.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: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.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: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.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: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.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: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.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: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.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: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.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: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.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: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.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: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.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: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.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: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.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: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.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-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !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;
  }
  .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;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.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: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.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: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.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: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.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: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.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: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.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: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.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: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.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: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.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: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.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: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.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: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.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: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.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: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.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 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-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;
  }
}
:root,
[data-theme=orange_off_white] {
  --color-on-surface: #2F2B24;
  --color-border: #DFE1E6;
  --color-inverse-surface: #2F2B24;
  --color-on-inverse-surface: #ffffff;
  --color-error: #ab0c0c;
  --color-secondary: #0052CC;
  --color-secondary-muted: rgba(47, 43, 36, 0.6980392157);
  --color-secondary-strong: #2F2B24;
  --icon-on-surface-filter: brightness(0) saturate(100%) invert(8%) sepia(4%) saturate(4193%) hue-rotate(359deg) brightness(91%) contrast(78%);
  --icon-inverse-filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(115%) hue-rotate(233deg) brightness(108%) contrast(106%);
  --icon-secondary-filter: brightness(0) saturate(100%) invert(25%) sepia(97%) saturate(1604%) hue-rotate(202deg) brightness(87%) contrast(117%);
  --form-field-outline-color: #EBECF0;
  --form-field-placeholder-color: rgba(47, 43, 36, 0.6980392157);
  --form-field-input-text-color: #2F2B24;
  --form-field-focus-outline-color: #2F2B24;
  --select-panel-bg: #ffffff;
  --button-filled-disabled-container-color: rgba(47, 43, 36, 0.4);
  --button-filled-disabled-label-color: #ffffff;
  --button-outlined-disabled-label-color: rgba(47, 43, 36, 0.4);
  --button-outlined-state-layer-color: rgba(47, 43, 36, 0.2);
  --button-filled-container-color: #2F2B24;
  --button-text-label-color: #2F2B24;
  --button-text-state-layer-color: #2F2B24;
  --button-quaternary-filled-container-color: #2F2B24;
  --button-quaternary-filled-label-color: #ffffff;
  --button-outlined-secondary-outline-color: rgba(47, 43, 36, 0.6980392157);
  --button-outlined-secondary-label-color: #2F2B24;
  --shell-header-bg: #F6F1E8;
  --shell-header-text: #2F2B24;
  --shell-header-subtext: rgba(47, 43, 36, 0.6980392157);
  --shell-header-divider: #F12C0A;
  --shell-header-divider-line: #F12C0A;
  --shell-header-logo-filter: none;
  --shell-header-icon-filter: brightness(0) saturate(100%) invert(8%) sepia(4%) saturate(4193%) hue-rotate(359deg) brightness(91%) contrast(78%);
  --shell-header-control-hover-bg: rgba(47, 43, 36, 0.0784313725);
  --shell-header-control-hover-border: rgba(47, 43, 36, 0.2509803922);
  --shell-slide-toggle-primary: #2F2B24;
  --shell-slide-toggle-surface: #ffffff;
  --shell-sidenav-bg: #2F2B24;
  --shell-sidenav-border: transparent;
  --shell-nav-text: #ffffff;
  --shell-nav-heading-text: #ffffff;
  --shell-nav-icon-filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(115%) hue-rotate(233deg) brightness(108%) contrast(106%);
  --shell-nav-active-bg: #ffffff;
  --shell-nav-active-text: #2F2B24;
  --shell-nav-active-icon-filter: brightness(0) saturate(100%) invert(8%) sepia(4%) saturate(4193%) hue-rotate(359deg) brightness(91%) contrast(78%);
  --shell-sidenav-footer-text: rgba(255, 255, 255, 0.5019607843);
  --shell-sidenav-footer-divider: rgba(255, 255, 255, 0.2);
  --shell-sidenav-footer-icon-filter: brightness(0) saturate(100%) invert(8%) sepia(4%) saturate(4193%) hue-rotate(359deg) brightness(91%) contrast(78%);
  --shell-sidenav-footer-logo-filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(115%) hue-rotate(233deg) brightness(108%) contrast(106%);
  --shell-client-switcher-text: #2F2B24;
  --shell-client-switcher-link: #2F2B24;
  --shell-client-switcher-divider: #DFE1E6;
  --shell-client-switcher-border: #DFE1E6;
  --shell-client-switcher-selected-accent: #2F2B24;
  --shell-client-switcher-selected-bg: #2F2B24;
  --shell-client-switcher-selected-text: #ffffff;
  --shell-client-switcher-selected-icon-filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(115%) hue-rotate(233deg) brightness(108%) contrast(106%);
  --shell-client-switcher-dialog-selected-bg: #F6F1E8;
  --shell-client-switcher-dialog-selected-accent: rgba(47, 43, 36, 0.6980392157);
  --shell-client-switcher-dialog-radio-border: rgba(47, 43, 36, 0.6980392157);
  --shell-client-switcher-item-hover-bg: rgba(47, 43, 36, 0.0784313725);
}
[data-theme=navy_white] {
  --color-on-surface: #172B4D;
  --color-border: #DFE1E6;
  --color-inverse-surface: #172B4D;
  --color-on-inverse-surface: #ffffff;
  --color-error: #ab0c0c;
  --color-secondary: #0052CC;
  --color-secondary-muted: #7A869A;
  --color-secondary-strong: #00365D;
  --icon-on-surface-filter: brightness(0) saturate(100%) invert(12%) sepia(37%) saturate(1786%) hue-rotate(187deg) brightness(95%) contrast(91%);
  --icon-inverse-filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(115%) hue-rotate(233deg) brightness(108%) contrast(106%);
  --icon-secondary-filter: brightness(0) saturate(100%) invert(25%) sepia(97%) saturate(1604%) hue-rotate(202deg) brightness(87%) contrast(117%);
  --form-field-outline-color: #EBECF0;
  --form-field-placeholder-color: #7A869A;
  --form-field-input-text-color: #172B4D;
  --form-field-focus-outline-color: #172B4D;
  --select-panel-bg: #ffffff;
  --button-filled-disabled-container-color: #B3BAC5;
  --button-filled-disabled-label-color: #ffffff;
  --button-outlined-disabled-label-color: #7A869A;
  --button-outlined-state-layer-color: rgba(47, 43, 36, 0.2);
  --button-filled-container-color: #172B4D;
  --button-text-label-color: #08293A;
  --button-text-state-layer-color: #08293A;
  --button-quaternary-filled-container-color: #172B4D;
  --button-quaternary-filled-label-color: #ffffff;
  --button-outlined-secondary-outline-color: #7A869A;
  --button-outlined-secondary-label-color: #00365D;
  --shell-header-bg: #172B4D;
  --shell-header-text: #ffffff;
  --shell-header-subtext: #7A869A;
  --shell-header-divider: #B3BAC5;
  --shell-header-divider-line: #344563;
  --shell-header-logo-filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(115%) hue-rotate(233deg) brightness(108%) contrast(106%);
  --shell-header-icon-filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(115%) hue-rotate(233deg) brightness(108%) contrast(106%);
  --shell-header-control-hover-bg: rgba(255, 255, 255, 0.0784313725);
  --shell-header-control-hover-border: rgba(255, 255, 255, 0.4);
  --shell-slide-toggle-primary: #172B4D;
  --shell-slide-toggle-surface: #ffffff;
  --shell-sidenav-bg: #172B4D;
  --shell-sidenav-border: transparent;
  --shell-nav-text: #ffffff;
  --shell-nav-heading-text: #ffffff;
  --shell-nav-icon-filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(115%) hue-rotate(233deg) brightness(108%) contrast(106%);
  --shell-nav-active-bg: #00B8D9;
  --shell-nav-active-text: #ffffff;
  --shell-nav-active-icon-filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(115%) hue-rotate(233deg) brightness(108%) contrast(106%);
  --shell-sidenav-footer-text: #7A869A;
  --shell-sidenav-footer-divider: #5E6C84;
  --shell-sidenav-footer-icon-filter: none;
  --shell-sidenav-footer-logo-filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(115%) hue-rotate(233deg) brightness(108%) contrast(106%);
  --shell-client-switcher-link: #0052CC;
  --shell-client-switcher-text: #172B4D;
  --shell-client-switcher-divider: #DFE1E6;
  --shell-client-switcher-border: #EBECF0;
  --shell-client-switcher-selected-accent: #172B4D;
  --shell-client-switcher-selected-bg: #172B4D;
  --shell-client-switcher-selected-text: #ffffff;
  --shell-client-switcher-selected-icon-filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(115%) hue-rotate(233deg) brightness(108%) contrast(106%);
  --shell-client-switcher-dialog-selected-bg: #EBECF0;
  --shell-client-switcher-dialog-selected-accent: #172B4D;
  --shell-client-switcher-dialog-radio-border: #B3BAC5;
  --shell-client-switcher-item-hover-bg: rgba(47, 43, 36, 0.0784313725);
}
.bg-white {
  background-color: #ffffff;
}
.bg-inverse-surface {
  background-color: var(--color-inverse-surface);
}
.bg-grey-21 {
  background-color: #EBECF0;
}
.bg-grey-46 {
  background-color: #FAF9F9;
}
.bg-grey-30 {
  background-color: #2F2B24;
}
.bg-grey-36 {
  background-color: rgba(255, 255, 255, 0.5019607843);
}
.bg-grey-43 {
  background-color: #FAFAFA;
}
.bg-green-14 {
  background-color: rgba(10, 107, 62, 0.1019607843);
}
.bg-green-17 {
  background-color: #ECFDF3;
}
.bg-yellow-11 {
  background-color: #FFEECC;
}
.bg-blue-31 {
  background-color: #E6F6FF;
}
.bg-orange-12 {
  background-color: rgba(241, 44, 10, 0.1019607843);
}
.bg-red-4 {
  background-color: #FEF3F2;
}
.text-primary {
  color: var(--color-on-surface) !important;
}
.text-danger {
  color: #ab0c0c !important;
}
.text-white {
  color: #ffffff;
}
.text-blue-8 {
  color: #7A869A;
}
.text-blue-20 {
  color: #00B8D9;
}
.text-grey-17 {
  color: #5E6C84;
}
.text-grey-30 {
  color: #2F2B24;
}
.text-grey-31 {
  color: rgba(47, 43, 36, 0.6980392157);
}
.text-grey-37 {
  color: rgba(47, 43, 36, 0.5019607843);
}
.text-grey-42 {
  color: rgba(255, 255, 255, 0.8);
}
.text-orange-10 {
  color: #F12B09;
}
.text-orange-9 {
  color: #F12C0A;
}
.text-red-3 {
  color: #DB3A16;
}
.text-green-13 {
  color: #067647;
}
.text-green-15 {
  color: #0A6B3E;
}
.text-blue-18 {
  color: #0052CC;
}
.text-grey-48 {
  color: #6B778C;
}
.text-brown-5 {
  color: #946300;
}
.text-brown-6 {
  color: #936300;
}
.text-grey-45 {
  color: #414651;
}
.text-on-surface {
  color: var(--color-on-surface);
}
.text-secondary {
  color: var(--color-secondary);
}
.bc-brown-5 {
  border-color: #946300;
}
.bc-yellow-4 {
  border-color: #FFAB00;
}
.bc-blue-18 {
  border-color: #0052CC;
}
.bc-green-15 {
  border-color: #0A6B3E;
}
.bc-green-16 {
  border-color: #ABEFC6;
}
.bc-orange-9 {
  border-color: #F12C0A;
}
.bc-red-3 {
  border-color: #DB3A16;
}
.bc-grey-44 {
  border-color: #E9EAEB;
}
.icon-black {
  filter: brightness(0) saturate(100%) invert(7%) sepia(16%) saturate(866%) hue-rotate(47deg) brightness(97%) contrast(92%);
}
.icon-white,
.icon-inverse {
  filter: var(--icon-inverse-filter, brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(115%) hue-rotate(233deg) brightness(108%) contrast(106%));
}
.icon-on-surface {
  filter: var(--icon-on-surface-filter);
}
.icon-disabled {
  opacity: 0.4;
}
.icon-secondary {
  filter: var(--icon-secondary-filter);
}
.icon-blue {
  filter: brightness(0) saturate(100%) invert(15%) sepia(75%) saturate(425%) hue-rotate(166deg) brightness(87%) contrast(93%);
}
.icon-blue-8 {
  filter: brightness(0) saturate(100%) invert(55%) sepia(14%) saturate(511%) hue-rotate(179deg) brightness(93%) contrast(84%);
}
.icon-blue-18 {
  filter: brightness(0) saturate(100%) invert(25%) sepia(97%) saturate(1604%) hue-rotate(202deg) brightness(87%) contrast(117%);
}
.icon-grey-30 {
  filter: brightness(0) saturate(100%) invert(8%) sepia(4%) saturate(4193%) hue-rotate(359deg) brightness(91%) contrast(78%);
}
.icon-grey-35 {
  filter: brightness(0) saturate(100%) invert(14%) sepia(8%) saturate(350%) hue-rotate(20deg) brightness(92%) contrast(92%) opacity(30%);
}
.icon-grey-48 {
  filter: brightness(0) saturate(100%) invert(45%) sepia(27%) saturate(310%) hue-rotate(179deg) brightness(96%) contrast(86%);
}
.icon-green-13 {
  filter: brightness(0) saturate(100%) invert(28%) sepia(87%) saturate(1059%) hue-rotate(124deg) brightness(92%) contrast(95%);
}
.icon-brown-6 {
  filter: brightness(0) saturate(100%) invert(29%) sepia(96%) saturate(1569%) hue-rotate(34deg) brightness(93%) contrast(101%);
}
.icon-navy {
  filter: brightness(0) saturate(100%) invert(12%) sepia(37%) saturate(1786%) hue-rotate(187deg) brightness(95%) contrast(91%);
}
.paginator-border {
  border: 1px solid #EBECF0;
  border-top: none;
}
.bg-inverse-surface {
  --mat-sort-arrow-color: #ffffff;
}
.mdm-status-chip {
  background-color: rgba(47, 43, 36, 0.1019607843);
  color: #2F2B24;
  border-radius: 12px;
  padding: 4px 12px;
  white-space: nowrap;
}
.table-row-clickable {
  cursor: pointer;
}
.table-row-clickable:hover {
  background-color: rgba(47, 43, 36, 0.0784313725);
}
.common-details-overlay-panel {
  background-color: var(--select-panel-bg);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.1490196078);
  box-sizing: border-box;
  color: var(--color-on-surface);
  font-size: var(--font-size-md);
  padding: 12px 20px 12px 12px;
  scrollbar-gutter: stable;
  min-width: min(276px, 100vw - 32px);
  max-width: min(360px, 100vw - 32px);
  max-height: 330px;
  overflow-x: clip;
  overflow-y: auto;
  overflow-wrap: anywhere;
}
.common-details-overlay-panel .meta-data {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 25px;
  row-gap: 4px;
}
.common-details-overlay-panel .file-block {
  display: flex;
  flex-direction: column;
}
.common-details-overlay-panel ul li::marker {
  font-size: var(--font-size-md);
}
.project-download-overlay-panel {
  background-color: var(--select-panel-bg);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.1490196078);
  box-sizing: border-box;
  color: var(--color-on-surface);
  font-size: var(--font-size-md);
  padding: 12px;
  width: max-content;
  max-width: min(360px, 100vw - 32px);
  max-height: 330px;
  overflow-x: clip;
  overflow-y: auto;
}
.coming-soon {
  background: #ffffff;
  height: 500px;
  display: flex;
  justify-content: center;
  position: relative;
}
.coming-soon-label {
  color: #08293A;
  font-size: 4rem !important;
  margin-top: 75px !important;
  line-height: 60px !important;
  text-align: center !important;
  z-index: 1 !important;
  position: relative;
}
.coming-soon-banner {
  position: relative;
  display: inline-block;
}
.ribbon {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 150px;
  height: 330px;
  background-color: #E1F3E7;
  z-index: 0;
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%, 0 80%);
}
.coming-soon-note {
  position: absolute;
  bottom: 10%;
  width: max-content;
  text-align: center;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
:root {
  --font-family-sans: "Manrope", sans-serif;
  --font-family-flow-rounded: "Flow Rounded", sans-serif;
  --font-size-body: 16px;
  --font-size-2xs: 9px;
  --font-size-xs: 10px;
  --font-size-sm: 12px;
  --font-size-md: 14px;
  --font-size-lg: 18px;
  --font-size-xl: 22px;
  --font-size-2xl: 24px;
  --font-size-36: 36px;
  --font-size-3xl: 40px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-body: 1.5;
  --gap-2xs: 4px;
  --gap-xs: 8px;
  --gap-sm: 10px;
  --gap-12: 12px;
  --gap-md: 16px;
  --gap-24: 24px;
  --gap-28: 28px;
  --gap-lg: 32px;
  --gap-xl: 38px;
  --gap-2xl: 64px;
}
.font-flow-rounded {
  font-family: var(--font-family-flow-rounded);
  font-weight: var(--font-weight-regular);
}
.font-10px {
  font-size: var(--font-size-xs);
}
.font-12px,
.font-size-12,
.font-12 {
  font-size: var(--font-size-sm);
}
.font-14px {
  font-size: var(--font-size-md);
}
.font-16px {
  font-size: var(--font-size-body);
}
.font-18px {
  font-size: var(--font-size-lg);
}
.font-22px {
  font-size: var(--font-size-xl);
}
.font-24px {
  font-size: var(--font-size-2xl);
}
.font-36px {
  font-size: var(--font-size-36);
}
.font-40px {
  font-size: var(--font-size-3xl);
}
.fw-regular {
  font-weight: var(--font-weight-medium) !important;
}
.fw-medium {
  font-weight: var(--font-weight-medium) !important;
}
.fw-semibold {
  font-weight: var(--font-weight-semibold) !important;
}
.fw-bold {
  font-weight: var(--font-weight-bold) !important;
}
.fw-unset {
  font-weight: unset !important;
}
.flex-wrap,
.fw-wrap {
  flex-wrap: wrap;
}
.min-w-0 {
  min-width: 0;
}
.min-h-0 {
  min-height: 0;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gap-4px {
  gap: var(--gap-2xs);
}
.gap-8px {
  gap: var(--gap-xs);
}
.gap-10px {
  gap: var(--gap-sm);
}
.gap-12px {
  gap: var(--gap-12);
}
.gap-16px {
  gap: var(--gap-md);
}
.gap-24px {
  gap: var(--gap-24);
}
.gap-28px {
  gap: var(--gap-28);
}
.gap-64px {
  gap: var(--gap-2xl);
}
.gap-10px-16px {
  gap: var(--gap-sm) var(--gap-md);
}
.py-12px {
  padding-top: 12px;
  padding-bottom: 12px;
}
.px-8px {
  padding-right: var(--gap-xs);
  padding-left: var(--gap-xs);
}
h1 {
  font-size: 40px !important;
}
h2 {
  font-size: 30px !important;
}
h3 {
  font-size: 26px !important;
}
h4 {
  font-size: 22px !important;
}
h5 {
  font-size: 18px !important;
}
h6 {
  font-size: 16px !important;
}
@media (max-width: 1500px) {
  h1 {
    font-size: 36px !important;
  }
  h2 {
    font-size: 28px !important;
  }
  h3 {
    font-size: 22px !important;
  }
  h4 {
    font-size: 20px !important;
  }
  h5 {
    font-size: 17px !important;
  }
  h6 {
    font-size: 16px !important;
  }
}
@media (max-width: 1200px) {
  h1 {
    font-size: 36px !important;
  }
  h2 {
    font-size: 28px !important;
  }
  h3 {
    font-size: 22px !important;
  }
  h4 {
    font-size: 20px !important;
  }
  h5 {
    font-size: 16px !important;
  }
  h6 {
    font-size: 15px !important;
  }
}
@media (max-width: 992px) {
  h1 {
    font-size: 34px !important;
  }
  h2 {
    font-size: 26px !important;
  }
  h3 {
    font-size: 20px !important;
  }
  h4 {
    font-size: 18px !important;
  }
  h5 {
    font-size: 16px !important;
  }
  h6 {
    font-size: 14px !important;
  }
}
.mat-mdc-table {
  width: 100%;
  border-collapse: collapse;
}
.mat-mdc-table tr {
  border: 1px solid var(--color-border);
}
.control-surface {
  border-radius: 16px;
  overflow: hidden;
  background-color: #ffffff;
}
@font-face {
  font-family: "Manrope";
  src: url(/fonts/Manrope-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url(/fonts/Manrope-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url(/fonts/Manrope-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url(/fonts/Manrope-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Flow Rounded";
  src: url(/fonts/FlowRounded-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {
  --mat-sys-background: #faf9f9;
  --mat-sys-error: #ab0c0c;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: #f1f1f0;
  --mat-sys-inverse-primary: #81cde3;
  --mat-sys-inverse-surface: #2f3131;
  --mat-sys-on-background: #1a1c1c;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #183c59;
  --mat-sys-on-primary-fixed: #0a1e37;
  --mat-sys-on-primary-fixed-variant: #183c59;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #354d31;
  --mat-sys-on-secondary-fixed: #0a2009;
  --mat-sys-on-secondary-fixed-variant: #354d31;
  --mat-sys-on-surface: #1a1c1c;
  --mat-sys-on-surface-variant: #3f4941;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #33495e;
  --mat-sys-on-tertiary-fixed: #051d30;
  --mat-sys-on-tertiary-fixed-variant: #33495e;
  --mat-sys-outline: #6f7a70;
  --mat-sys-outline-variant: #bec9be;
  --mat-sys-primary: #275e7d;
  --mat-sys-primary-container: #9de7f1;
  --mat-sys-primary-fixed: #9de7f1;
  --mat-sys-primary-fixed-dim: #81cde3;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #4c6547;
  --mat-sys-secondary-container: #ceeac5;
  --mat-sys-secondary-fixed: #ceeac5;
  --mat-sys-secondary-fixed-dim: #b3ceaa;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #faf9f9;
  --mat-sys-surface-bright: #faf9f9;
  --mat-sys-surface-container: #eeeeee;
  --mat-sys-surface-container-high: #e8e8e8;
  --mat-sys-surface-container-highest: #e2e2e2;
  --mat-sys-surface-container-low: #f4f3f3;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #dadada;
  --mat-sys-surface-tint: #275e7d;
  --mat-sys-surface-variant: #dae6d9;
  --mat-sys-tertiary: #4b6076;
  --mat-sys-tertiary-container: #cee5ff;
  --mat-sys-tertiary-fixed: #cee5ff;
  --mat-sys-tertiary-fixed-dim: #b3c9e2;
  --mat-sys-neutral-variant20: #29332b;
  --mat-sys-neutral10: #1a1c1c;
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-sys-body-large: 400 1rem / 1.5rem Manrope;
  --mat-sys-body-large-font: Manrope;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Manrope;
  --mat-sys-body-medium-font: Manrope;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Manrope;
  --mat-sys-body-small-font: Manrope;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Manrope;
  --mat-sys-display-large-font: Manrope;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Manrope;
  --mat-sys-display-medium-font: Manrope;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Manrope;
  --mat-sys-display-small-font: Manrope;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Manrope;
  --mat-sys-headline-large-font: Manrope;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Manrope;
  --mat-sys-headline-medium-font: Manrope;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Manrope;
  --mat-sys-headline-small-font: Manrope;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Manrope;
  --mat-sys-label-large-font: Manrope;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Manrope;
  --mat-sys-label-medium-font: Manrope;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Manrope;
  --mat-sys-label-small-font: Manrope;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Manrope;
  --mat-sys-title-large-font: Manrope;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Manrope;
  --mat-sys-title-medium-font: Manrope;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Manrope;
  --mat-sys-title-small-font: Manrope;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-select-enabled-arrow-color: var(--color-on-surface);
  --mat-select-placeholder-text-color: var(--form-field-placeholder-color);
  --mat-select-enabled-trigger-text-color: var(--form-field-input-text-color);
  --mat-select-panel-background-color: var(--select-panel-bg);
  --mat-select-trigger-text-size: var(--font-size-md);
  --mat-option-label-text-color: var(--form-field-input-text-color);
  --mat-option-focus-state-layer-color: #EBECF0;
  --mat-option-label-text-size: var(--font-size-md);
  --mat-option-selected-state-layer-color: #EBECF0;
  --mat-form-field-container-height: 40px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 8px;
  --mat-form-field-filled-with-label-container-padding-top: 8px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-progress-bar-track-height: 9px;
  --mat-progress-bar-active-indicator-height: 9px;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-background-color: var(--shell-sidenav-bg);
  --mat-sidenav-container-divider-color: var(--shell-sidenav-border);
  --mat-sidenav-content-background-color: #FAF9F9;
  --mat-sidenav-content-text-color: var(--color-on-surface);
  --mat-sidenav-container-width: 240px;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-container-text-color: #5f5f5f;
  --mat-paginator-container-text-size: 14px;
  --mat-paginator-container-background-color: #ffffff;
  --mat-paginator-container-size: 52px;
  --mat-paginator-form-field-container-height: 32px;
  --mat-paginator-form-field-container-vertical-padding: 4px;
  --mat-table-background-color: #ffffff;
  --mat-table-row-item-outline-color: unset;
  --mat-table-row-item-outline-width: 0;
  --mat-table-header-container-height: 48px;
  --mat-table-header-headline-color: var(--color-on-surface);
  --mat-table-row-item-label-text-color: var(--color-on-surface);
  --mat-table-row-item-container-height: 48px;
  --mat-table-header-headline-weight: 700;
  --mat-dialog-container-color: #ffffff;
  --mat-dialog-container-shape: 10px;
  --mat-dialog-headline-padding: 10px 20px;
  --mat-dialog-with-actions-content-padding: 10px 20px;
  --mat-checkbox-label-text-color: #5f5f5f;
  --mat-checkbox-label-text-weight: 600;
  --mat-tab-divider-height: 0;
  --mat-tab-inactive-label-text-color: var(--color-on-surface);
  --mat-tab-inactive-focus-label-text-color: var(--color-on-surface);
  --mat-tab-inactive-hover-label-text-color: var(--color-on-surface);
  --mat-tab-active-label-text-color: var(--color-on-surface);
  --mat-tab-active-hover-label-text-color: var(--color-on-surface);
  --mat-tab-active-focus-label-text-color: var(--color-on-surface);
  --mat-tab-active-focus-indicator-color: var(--color-on-surface);
  --mat-tab-active-hover-indicator-color: var(--color-on-surface);
  --mat-tab-active-indicator-color: var(--color-on-surface);
  --mat-divider-color: #d2d2d2;
  --mat-datepicker-calendar-date-selected-state-background-color: #08293A;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #08293A;
  --mat-datepicker-calendar-date-in-range-state-background-color: #97adc6;
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: #97adc6;
  --mat-datepicker-calendar-date-preview-state-outline-color: #97adc6;
  --mat-datepicker-calendar-date-today-outline-color: #08293A;
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #08293A;
  --mat-slide-toggle-track-height: 12px;
  --mat-slide-toggle-touch-target-size: 12px;
  --mat-slide-toggle-selected-handle-size: 7px;
  --mat-slide-toggle-unselected-handle-size: 7px;
  --mat-slide-toggle-pressed-handle-size: 7px;
  --mat-slide-toggle-with-icon-handle-size: 7px;
  --mat-slide-toggle-state-layer-size: 8px;
  --mat-slide-toggle-track-shape: 16px;
  --mat-slide-toggle-track-width: 22px;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0 3px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0 3px;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0 3px;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0 12px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0 12px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0 12px;
  --mat-slide-toggle-label-text-color: var(--shell-slide-toggle-primary);
  --mat-slide-toggle-track-outline-color: var(--shell-slide-toggle-primary);
  --mat-slide-toggle-selected-track-outline-color: var(--shell-slide-toggle-primary);
  --mat-slide-toggle-selected-track-color: var(--shell-slide-toggle-primary);
  --mat-slide-toggle-selected-focus-track-color: var(--shell-slide-toggle-primary);
  --mat-slide-toggle-selected-hover-track-color: var(--shell-slide-toggle-primary);
  --mat-slide-toggle-selected-pressed-track-color: var(--shell-slide-toggle-primary);
  --mat-slide-toggle-unselected-track-color: var(--shell-slide-toggle-surface);
  --mat-slide-toggle-unselected-focus-track-color: var(--shell-slide-toggle-surface);
  --mat-slide-toggle-unselected-hover-track-color: var(--shell-slide-toggle-surface);
  --mat-slide-toggle-unselected-pressed-track-color: var(--shell-slide-toggle-surface);
  --mat-slide-toggle-unselected-handle-color: var(--shell-slide-toggle-primary);
  --mat-slide-toggle-unselected-focus-handle-color: var(--shell-slide-toggle-primary);
  --mat-slide-toggle-unselected-hover-handle-color: var(--shell-slide-toggle-primary);
  --mat-slide-toggle-unselected-pressed-handle-color: var(--shell-slide-toggle-primary);
  --mat-slide-toggle-selected-handle-color: var(--shell-slide-toggle-surface);
  --mat-slide-toggle-selected-focus-handle-color: var(--shell-slide-toggle-surface);
  --mat-slide-toggle-selected-hover-handle-color: var(--shell-slide-toggle-surface);
  --mat-slide-toggle-selected-pressed-handle-color: var(--shell-slide-toggle-surface);
  --mat-slide-toggle-unselected-icon-color: var(--shell-slide-toggle-primary);
  --mat-slide-toggle-selected-icon-color: var(--shell-slide-toggle-surface);
  --mat-slider-inactive-track-color: #6B778C;
  --mat-slider-active-track-color: #0052CC;
  --mat-slider-handle-color: #0052CC;
  --mat-slider-focus-handle-color: #0052CC;
  --mat-slider-hover-handle-color: #0052CC;
  --mat-slider-ripple-color: transparent;
  --mat-slider-active-track-height: 6px;
  --mat-slider-inactive-track-height: 6px;
  --mat-slider-handle-height: 12px;
  --mat-slider-handle-width: 12px;
  --mat-progress-bar-active-indicator-color: #08293A;
  --mat-progress-bar-track-color: #BDC7CF;
  --mat-tooltip-container-color: var(--color-on-surface);
  --mat-tooltip-supporting-text-color: #ffffff;
  --mat-tooltip-container-shape: 14px;
  --mat-menu-container-color: #ffffff;
  --mat-menu-item-label-text-color: #2F2B24;
  --mat-sort-arrow-color: var(--color-on-surface);
  --mat-form-field-container-height: 32px;
  --mat-form-field-container-text-size: 14px;
  --mat-form-field-outlined-label-text-size: 14px;
  --mat-form-field-outlined-container-shape: 16px;
  --mat-form-field-container-vertical-padding: 4px;
  --mat-form-field-outlined-outline-color: var(--color-border);
  --mat-form-field-outlined-input-text-placeholder-color: var(--form-field-placeholder-color);
  --mat-form-field-outlined-input-text-color: var(--form-field-input-text-color);
  --mat-form-field-outlined-focus-outline-color: var(--form-field-focus-outline-color);
  --mat-button-filled-container-shape: 16px;
  --mat-button-outlined-container-shape: 16px;
  --mat-button-filled-disabled-container-color: var(--button-filled-disabled-container-color);
  --mat-button-filled-disabled-label-text-color: var(--button-filled-disabled-label-color);
  --mat-button-outlined-disabled-outline-color: var(--button-filled-disabled-container-color);
  --mat-button-outlined-disabled-label-text-color: var(--button-outlined-disabled-label-color);
  --mat-button-outlined-outline-color: var(--form-field-outline-color);
  --mat-button-outlined-label-text-color: var(--color-on-surface);
  --mat-button-outlined-state-layer-color: var(--button-outlined-state-layer-color);
  --mat-button-filled-container-color: var(--button-filled-container-color);
  --mat-button-text-label-text-color: var(--button-text-label-color);
  --mat-button-text-state-layer-color: var(--button-text-state-layer-color);
  --mat-button-outlined-container-height: 32px;
  --mat-button-outlined-horizontal-padding: 12px;
  --mat-button-outlined-touch-target-display: none;
  --mat-button-filled-container-height: 32px;
  --mat-button-filled-horizontal-padding: 12px;
  --mat-button-filled-touch-target-display: none;
  --mat-button-filled-label-text-weight: 400;
  --mat-button-outlined-label-text-weight: 400;
  --mat-button-toggle-selected-state-background-color: var(--button-filled-container-color);
  --mat-button-toggle-background-color: var(--select-panel-bg);
  --mat-button-toggle-shape: 16px;
  --mat-button-toggle-selected-state-text-color: var(--button-filled-disabled-label-color);
  --mat-button-toggle-text-color: var(--color-on-surface);
  --mat-button-toggle-divider-color: var(--form-field-outline-color);
  --mat-button-toggle-height: 32px;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-disabled-state-background-color: var(--select-panel-bg);
  --mat-button-toggle-disabled-state-text-color: var(--button-outlined-disabled-label-color);
  --mat-button-toggle-disabled-selected-state-background-color: var(--button-filled-disabled-container-color);
  --mat-button-toggle-disabled-selected-state-text-color: var(--button-filled-disabled-label-color);
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  overflow-x: hidden;
  font-size: var(--font-size-body);
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-body);
  color: var(--color-on-surface);
  background-color: #FAF9F9;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0 0 5px !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold !important;
}
.btn-tertiary {
  --mat-button-outlined-outline-color: var(--form-field-outline-color);
  --mat-button-outlined-label-text-color: var(--color-on-surface);
  --mat-button-outlined-state-layer-color: var(--button-outlined-state-layer-color);
  --mat-button-filled-container-color: var(--button-filled-container-color);
  --mat-button-text-label-text-color: var(--button-text-label-color);
  --mat-button-text-state-layer-color: var(--button-text-state-layer-color);
}
.btn-violet-purple {
  --mat-button-filled-container-color: #6554C0;
  --mat-button-outlined-outline-color: #6554C0;
  --mat-button-outlined-label-text-color: #6554C0;
  --mat-button-outlined-state-layer-color: #6554C0;
  --mat-button-text-label-text-color: #6554C0;
  --mat-button-text-state-layer-color: #6554C0;
}
.btn-quaternary {
  --mat-button-filled-container-color: var(--button-quaternary-filled-container-color);
  --mat-button-filled-label-text-color: var(--button-quaternary-filled-label-color);
  --mat-button-outlined-outline-color: var(--color-border);
  --mat-button-outlined-label-text-color: var(--form-field-input-text-color);
}
.btn-create-project-secondary {
  --mat-button-outlined-outline-color: var(--button-outlined-secondary-outline-color);
  --mat-button-outlined-label-text-color: var(--button-outlined-secondary-label-color);
}
.form-outline-select {
  --mat-form-field-container-height: 36px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 6px;
  --mat-form-field-filled-with-label-container-padding-top: 6px;
  --mat-form-field-filled-with-label-container-padding-bottom: 6px;
}
.cursor-pointer {
  cursor: pointer;
}
.fs-form-control {
  display: flex;
  flex-direction: column;
}
.fs-form-control > label {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 400;
  color: #2F2B24;
}
.d-flex-gap {
  display: flex;
  gap: 10px;
}
.d-flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.d-flex-gap-align {
  display: flex;
  gap: 6px;
  align-items: center;
}
.flex-column {
  flex-direction: column;
}
.text-decoration-none {
  text-decoration: none !important;
}
.success-snackbar {
  --mat-snack-bar-container-color: var(--color-inverse-surface);
  --mat-snack-bar-supporting-text-color: var(--color-on-inverse-surface);
}
.error-snackbar {
  --mat-snack-bar-container-color: var(--color-error);
  --mat-snack-bar-supporting-text-color: var(--color-on-inverse-surface);
}
.snackbar {
  white-space: pre-wrap;
}
.xs-dialog mat-dialog-container {
  max-width: 100%;
  min-width: 375px;
}
.required:after {
  content: " *";
  color: #FF5630;
}
.disable-hint .mat-mdc-form-field-subscript-wrapper {
  display: none !important;
}
.mat-mdc-form-field-icon-suffix,
[dir=rtl] .mat-mdc-form-field-icon-prefix {
  padding: 0 8px 0 4px !important;
}
.mat-table-wrapper {
  max-height: 790px;
  overflow-y: auto;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #d2d2d2;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #5f5f5f;
}
::-webkit-scrollbar {
  height: 6px;
  width: 6px;
  background-color: #d2d2d2;
  margin-right: 5px;
  border-radius: 10px;
}
.w-100 {
  width: 100% !important;
}
.h-100 {
  height: 100% !important;
}
.mat-mdc-menu-content {
  padding: 0 !important;
}
.status-chip {
  padding: 2px 8px;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  min-width: 5.75rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
}
.timeline-dot.pbg-yellow-4 {
  background-color: #FFAB00;
}
.timeline-dot.pbg-blue-18 {
  background-color: #0052CC;
}
.timeline-dot.pbg-green-13 {
  background-color: #067647;
}
.timeline-dot.pbg-red-3 {
  background-color: #DB3A16;
}
.initial-letter {
  background-color: #00B8D9;
  color: #ffffff;
  font-size: var(--font-size-2xs);
  font-weight: var(--font-weight-bold);
  width: 24px;
  height: 24px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.active-status-outlined-chip {
  border: 1px solid #0A6B3E;
  border-radius: 16px;
  padding: 3px 20px;
  color: #0A6B3E;
  background-color: rgba(10, 107, 62, 0.1019607843);
}
.inactive-status-outlined-chip {
  border: 1px solid rgba(47, 43, 36, 0.5019607843);
  border-radius: 16px;
  padding: 3px 20px;
  color: rgba(47, 43, 36, 0.5019607843);
  background-color: rgba(47, 43, 36, 0.0509803922);
}
.locked-status-outlined-chip {
  background-color: #FFFAEB;
  border: 1px solid #FEDF89;
  color: #B54708;
  padding: 3px 20px;
  border-radius: 16px;
}
.text-decoration-underline {
  text-decoration: underline;
}
.ws-nowrap {
  white-space: nowrap;
}
.divider-primary {
  --mat-divider-color: #DFE1E6;
}
.btn-minimal-padding {
  --mat-button-outlined-container-height: 32px;
  --mat-button-outlined-horizontal-padding: 12px;
  --mat-button-outlined-touch-target-display: none;
  --mat-button-filled-container-height: 32px;
  --mat-button-filled-horizontal-padding: 12px;
  --mat-button-filled-touch-target-display: none;
  --mat-button-filled-label-text-weight: 400;
}
.overflow-auto {
  overflow: auto;
}
.reset-interactive {
  all: unset;
  cursor: pointer;
}
.reset-interactive:disabled {
  cursor: not-allowed;
}
.cdk-overlay-container {
  z-index: 9999 !important;
}
.divider-secondary {
  --mat-divider-color: #EBECF0;
}
.btn-toggle-primary {
  --mat-button-toggle-selected-state-background-color: var(--button-filled-container-color);
  --mat-button-toggle-background-color: var(--select-panel-bg);
  --mat-button-toggle-shape: 4px;
  --mat-button-toggle-selected-state-text-color: var(--button-filled-disabled-label-color);
  --mat-button-toggle-text-color: var(--color-on-surface);
  --mat-button-toggle-divider-color: var(--form-field-outline-color);
  --mat-button-toggle-height: 32px;
}
.btn-quinary {
  --mat-button-outlined-outline-color: #EBECF0;
  --mat-button-outlined-label-text-color: #172B4D;
  --mat-button-outlined-disabled-outline-color: #EBECF0;
  --mat-button-outlined-disabled-label-text-color: #ffffff;
}
.form-field-quaternary {
  --mat-form-field-container-height: 32px;
  --mat-form-field-container-vertical-padding: 4px;
  --mat-form-field-outlined-outline-color: var(--color-border);
  --mat-form-field-outlined-input-text-placeholder-color: var(--form-field-placeholder-color);
  --mat-form-field-outlined-input-text-color: var(--form-field-input-text-color);
  --mat-form-field-outlined-focus-outline-color: var(--form-field-focus-outline-color);
}
.form-field-flow-rounded {
  --mat-form-field-container-text-font: var(--font-family-flow-rounded);
}
.dialog-primary {
  --mat-dialog-headline-padding: 0;
  --mat-dialog-with-actions-content-padding: 0;
  --mat-dialog-actions-padding: 0;
}
.btn-square {
  --mat-button-filled-container-shape: 2px;
  --mat-button-outlined-container-shape: 2px;
}
.flex-grow-1 {
  flex-grow: 1;
  min-width: 0;
}
.fs-inherit {
  font-size: inherit !important;
}
.sidenav-collapsed {
  --mat-sidenav-container-width: 60px;
}
.transparent-backdrop {
  background-color: transparent;
}
.table-row-64 {
  --mat-table-row-item-container-height: 64px;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-54GOPCR2.css.map */